WooCommerce Ödeme Formuna Ekstra Alan Nasıl Eklenir

Yayınlanan: 2020-09-21

WooCommerce Ödeme Formuna Ekstra Alan Nasıl Eklenir Bir WooCommerce mağazası işletiyorsanız, bir ödeme sayfasının önemini zaten biliyorsunuzdur. Ancak, proje gereksinimlerinize göre bir ödeme sayfasında WooCommerce ödeme formuna veya diğer özel ödeme alanlarına fazladan alan eklemeniz gereken zamanlar vardır. Bu, bazı WooCommerce mağaza sahipleri için ağır bir iş olabilir ve bu yüzden WooCommerce ödeme formuna nasıl fazladan bir alan ekleyebileceğiniz konusunda kısa bir eğitim oluşturmaya karar verdim.

WooCommerce Ödeme Sayfası

Genel olarak, ödeme sayfası, bir müşteriye sistematik ödeme işlemi sırasında, satın alma işlemini gerçekleştirmeden önceki son adımda gösterilen bir sayfaya atıfta bulunan bir e-ticaret terimidir. Ödeme sayfası dönüşümlerini iyileştirmenin birkaç yolu vardır, ancak yollardan biri, WooCommerce ödeme formuna belirli ürününüzle ilgili fazladan alan eklemek ve diğer tüm gereksiz ödeme sayfası alanlarını kaldırmaktır.

Bu sayfa, müşterilerin doldurması gereken alanları içerir. Müşterilerin adresler, fatura ayrıntıları, ödeme yöntemi gibi önemli bilgileri sağlaması gerektiğinden, satıcının ürünü müşteriye teslim etmesine yardımcı olacak bu sayfanın hem satıcı hem de müşteri için en önemli sayfa olduğunu belirtmekte fayda var. . varsayılan ödeme sayfası

Bu sayfada hatalar olduğunda hiçbir müşteri herhangi bir satın alma işlemi gerçekleştiremez. Bu, satış yapamayacağınız için mağazanızın performansını büyük ölçüde etkiler.

Çevrimiçi mağazanızı güçlendirmek için WooCommerce kullanıyorsanız, ödeme sayfanızı da alırsınız. Ancak, WooCommerce'e aşina iseniz, bunun size ödeme sayfanızı ayarlardan özelleştirme fırsatı vermediğini bilirsiniz.

WooCommerce Ödeme Formuna Ekstra Alan Ekleme

Üçüncü taraf bir eklenti, WooCommerce uzantıları veya özel geliştirme kullanmak gibi WooCommerce mağazalarınızın ödeme sayfasını değiştirmenin birçok yolu vardır.

Daha önce bahsettiğim gibi, WooCommerce özel ödeme alanı, bir siparişi tamamlamadan önce alıcılardan daha fazla veri almak için bir araya getirmede önemlidir.

Müşterilerinizden bazı ek bilgilere ihtiyaç duyduğunuz zamanlar vardır ve bunu yapmak için fazladan bir alana ihtiyacınız vardır.

Artık temel bilgileri öğrendiğinize göre, öğreticiyi derinlemesine inceleyelim. Ödeme sayfasına özel bir alan eklemek için iki yaklaşım kullanacağız:

  • Bir eklenti kullanma.
  • Özel kod oluşturma.

a) Kod Kullanarak WooCommerce Ödeme Sayfanıza Ekstra Alan Ekleme Adımları

Bu çözüm, geliştiriciler gibi kodlamayı bilen kişiler içindir. Bu özel kod, bazı basit adımları kullanarak özel alanı ödeme sayfasına eklemenize yardımcı olacaktır.

İşte izlemeniz gereken basit adımlar:

  1. WordPress sitenize giriş yapın ve yönetici kullanıcı olarak Gösterge Tablosuna erişin.
  2. Pano menüsünden Görünüm Menüsü > Tema Düzenleyici Menüsü öğesine tıklayın. Tema Düzenleyici sayfası açıldığında, WooCommerce'de ödeme sayfasına ekstra bir alan ekleyecek işlevi ekleyeceğimiz tema işlevleri dosyasını arayın.
  3. php dosyasına aşağıdaki kodu ekleyin :
 /**

* Ödeme sayfasına özel alan ekleyin

*/

add_action('woocommerce_after_order_notes', 'custom_checkout_field');

işlev custom_checkout_field($checkout)

{

echo '<div id="custom_checkout_field"><h2>' . __('Yeni Başlık') . '</h2>';

woocommerce_form_field('özel_alan_adı', dizi(

'tür' => 'metin',

'sınıf' => dizi(

'alan-sınıfı form-satır çapında'

),

'label' => __('Özel Ek Alan'),

'yer tutucu' => __('Yeni Özel Alan'),

),

$checkout->get_value('custom_field_name'));

yankı '</div>';

}
  1. Sonucu görmek için ödeme sayfasını yenilemeniz gerekir ve şunu görmelisiniz: ödemedeki özel alan
  2. Ancak, özel alanın verilerini doğrulamamız gerektiğini unutmamak önemlidir. Bunu yapmak için, function.php dosyasına aşağıdaki kodu eklemeniz yeterlidir:
 /**

* Ödeme İşlemi

*/

add_action('woocommerce_checkout_process', 'customised_checkout_field_process');

işlev özelleştirilmiş_checkout_field_process()

{

// Alan ayarlanmadıysa bir hata mesajı göster.

if (!$_POST['özelleştirilmiş_alan_adı']) wc_add_notice(__('Lütfen değeri girin!'), 'hata');

}

Özel alanda herhangi bir girdi yoksa, bir hata olacaktır ve sonuç şu şekilde olacaktır : özel alanda giriş yok

  1. Artık özel ödeme alanını eklediğimize ve doğruladığımıza göre, şimdi özel alana girilen detayların kaydedilip kaydedilmediğini onaylayalım . Bu , function.php dosyasına eklenecek olan aşağıdaki kod kullanılarak yapılabilir:
 /**

* Özel alanda verilen değeri güncelleyin

*/

add_action('woocommerce_checkout_update_order_meta', 'custom_checkout_field_update_order_meta');

işlev custom_checkout_field_update_order_meta($order_id)

{

if (!empty($_POST['özelleştirilmiş_alan_adı'])) {

update_post_meta($order_id, 'Bazı Alan',sanitize_text_field($_POST['özelleştirilmiş_alan_adı']));

}

}

Kod Nasıl Çalışır.

Bu kod üç basit adımda çalışır. İlk kod parçacığında, başlıklı özel alanı oluşturdum. Ardından ikinci snippet, özel alanda bir giriş olup olmadığını doğrulamak içindir.

Üçüncü kod parçacığı, müşteri tarafından özel alana girilen ayrıntıların kaydedilip kaydedilmediğini doğrulamak için kullanılır. Bu kod parçacıklarının WooCommerce mağazanızın function.php dosyasına eklenmesi gerektiğini de unutmamak gerekir.

b) Eklenti Kullanarak WooCommerce Ödeme Sayfanıza Ekstra Alan Ekleme Adımları

Bu çözüm, kodlamaya aşina olmayan WordPress kullanıcıları içindir. Bu çözüm, WooCommerce Checkout Manager Eklentisinin kullanımını içerir. WooCommerce Ödeme Yöneticisi

Eklentiyi indirmenize ve ödeme sayfasına fazladan bir alan eklemek için kullanmanıza yardımcı olacak ayrıntılı bir sistematik kılavuz vereceğim.

İşte izlemeniz gereken adımlar:

  1. WordPress sitenize giriş yapın ve yönetici kullanıcı olarak Gösterge Tablosuna erişin.
  2. Ardından, daha önce belirttiğimiz eklentiyi yükleyeceğiz. Yukarıdaki bağlantıyı kullanarak indirdiyseniz, Eklentiler > Yeni Ekle'ye gidin. Bundan sonra, Eklenti Yükle'ye tıklayın ve ardından aşağıda gösterildiği gibi indirilen dosyaya göz atın : eklentiyi yükleme
  3. Doğrudan Yönetici Panelinden indirmek için Eklentiler > Yeni Ekle'ye gidin. Bundan sonra, 'WooCommerce Checkout Manager' eklentisi için bir anahtar kelime araması yapmanız gerekecek. Aşağıda gösterildiği gibi kurmanız ve etkinleştirmeniz gerekir: WooCommerce Checkout Manager kurulumu
  4. Yeni alanlar oluşturmak için WordPress Panosuna gidin ve WooCommerce > Ayarlar'a tıklayın. Ardından, Ödeme sekmesine tıklayın ve Ek sekmesine tıklayın . Aşağıda gösterildiği gibi Yeni Alan Ekle'ye tıklayın: eklenti kullanarak yeni alan ekleme
  5. Yeni bir pencere açılacak ve ilgili detayları eklemeniz gerekiyor. Yaptığınız tüm değişiklikleri kaydetmeyi unutmayın: eklentiyi kullanma
  6. Sonucu görmek için ödeme sayfasını yenileyin, yeni ödeme alanını göreceksiniz: ödemedeki özel alan

Çözüm

Bu kısa eğitimde, ödeme sayfasına nasıl yeni bir alan ekleneceğini gösterdim. Artık fazladan bir alan eklemeyi bildiğinize eminim ve bu hiç de zor değil. İki çözüm paylaştım. Biri, fazladan alan ekleyecek bir PHP kodunun kullanımını içerir, diğeri ise bir eklenti ile. Eklenti, bakabileceğiniz başka ek özelliklere de sahiptir ve teknolojiden pek anlayanlar için bir çözümdür. Ancak, gereksinimlerinize bağlı olarak alanların adını değiştirebilirsiniz.

Benzer Makaleler

  1. Sepeti Atlama ve Ödeme Sayfasına Yönlendirme WooCommerce
  2. WooCommerce ile Stripe Nasıl Entegre Edilir?
  3. WooCommerce Temalarında Ürün Sayfasından Kenar Çubuğu Nasıl Kaldırılır
  4. Altbilgiye WooCommerce Ödeme Simgeleri Nasıl Eklenir [HTML]
  5. WooCommerce'de Ödeme Yöntemleri Nasıl Alınır » Kod Örneği
  6. WooCommerce'de Fiyatsız Ürünler Nasıl Gizlenir
  7. WooCommerce Checkout'tan Fatura Ayrıntıları Nasıl Kaldırılır
  8. WooCommerce Ürün Sayfasından Miktar Alanını Gizle veya Kaldır
  9. WooCommerce Kupon Kodu Alanı Nasıl Gizlenir
  10. WooCommerce'de Sipariş Durumu Mesajları Nasıl Yeniden Adlandırılır
  11. Varsayılan Ürün Sıralaması Nasıl Kaldırılır WooCommerce
  12. Daha İyi Kullanıcı Deneyimi için WooCommerce Kategorileri Nasıl Sıralanır?
  13. Ürün Resmi Nasıl Eklenir WooCommerce Ödeme Sayfası
  14. WooCommerce'de Sepete Ekle Düğmesini Gizleme
  15. WooCommerce Ürünü Arama Sonuçlarından Nasıl Gizlenir
  16. WooCommerce Mağaza Sayfasındaki Tüm Ürünleri Nasıl Gizlersiniz?
  17. Belirli Kategori için Ödeme Yöntemi Nasıl Devre Dışı Bırakılır
  18. WordPress'te Eklentinin Etkin Olup Olmadığı Nasıl Kontrol Edilir [ 3 YOL ]
  19. Adım Adım WooCommerce Ürün Özellikleri Nasıl Kullanılır [Tam Kılavuz]
  20. WooCommerce Ürün Resimleri Nasıl Yeniden Boyutlandırılır
  21. WooCommerce Ürünlerine Kategoriler Nasıl Eklenir?
  22. WooCommerce'de Hesap Sayfam Nasıl Oluşturulur
  23. Eklenti için WooCommerce Yönetici Bildirimi Nasıl Oluşturulur – WooCommerce Geliştirme
  24. WooCommerce'de Ürün Kimliğinizi Hızlıca Nasıl Bulunur?
  25. WooCommerce'de Ödeme Düğmesi Metni Nasıl Değiştirilir [Sipariş Ver]