WooCommerce Ödeme Alanlarını Yeniden Sıralama

Çevrimiçi mağazanızdaki WooCommerce ödeme alanlarını yeniden sıralamak ister misiniz? Bu eğitimde size ödeme alanlarını yeniden sıralamanın en iyi yollarını göstereceğiz.

WooCommerce, dönüşüm oranlarını artırmak için e-Ticaret web sitenizdeki bir dizi öğeyi yeniden sıralamanıza ve yeniden düzenlemenize olanak tanır. Bunların dışında, ödeme alanları da web sitenizin ve müşterilerinizin ihtiyaçlarına göre yeniden düzenlenebilir.

Ancak adımlara geçmeden önce, bunları neden değiştirmeniz gerekebileceğini görelim.

Ödeme Alanlarının Sırasını neden değiştirmelisiniz?

WooCommerce'i çevrimiçi mağazanıza kurduğunuzda, eklentinin varsayılan olarak oluşturduğu bazı temel sayfalar vardır. Sepeti, alışverişi, hesabımı, ödeme sayfasını vb. içerirler. Ancak ödeme sayfasına gelince, varsayılan alanlar her tür e-ticaret web sitesi için geçerli olmayabilir .

Web sitenize ve müşterilerinize bağlı olarak, zaman zaman WooCommerce ödeme alanlarını yeniden sıralamanız gerekebilir. Örneğin, varsayılan ödeme sayfasında müşterinin adını ve ardından soyadını girmesi gerekir. Ancak bazı durumlarda, soyadını en başta girmenin veya önce müşterinin fatura adresini sormanın daha uygun olabileceğini görebilirsiniz.

Bu nedenle, bu alanları benzer durumlara göre özelleştirmek istiyorsanız, yeniden sıralamanız gerekecektir.

WooCommerce Ödeme Alanlarını Nasıl Yeniden Sıralayabilirim?

WordPress'te 2 ana yolu kullanarak WooCommerce ödeme alanlarını yeniden sıralayabilirsiniz:

• Eklentilerle
• programatik olarak

Bu kılavuz için her adımı ayrıntılı olarak inceleyeceğiz. Ancak, başlamadan önce lütfen WooCommerce'i web siteniz için doğru bir şekilde kurduğunuzdan ve uyumlu WooCommerce temalarından birini kullandığınızdan emin olun.

WooCommerce Checkout Alanlarını Eklentilerle Yeniden Sıralayın

Eklentiler, web sitenizin işlevselliğini artırmada çok yardımcı olabilir. Benzer şekilde, WooCommerce alanlarını yeniden sıralamanın en kolay yollarından biri de bir eklenti kullanmaktır. Tek yapmanız gereken eklentiyi WordPress web sitenize kurmak ve bunun üzerinden ödeme alanlarını yeniden düzenlemek.

Ödeme sayfanızı özelleştirmek için kullanabileceğiniz birçok WooCommerce ödeme eklentisi vardır. Ancak, yalnızca birkaçı size WooCommerce'deki ödeme alanlarını yeniden sıralama seçeneği sunar.

Bu eğitim için, kullanımı çok kolay olduğu için WooCommerce eklentisi için Checkout Manager kullanacağız. Ayrıca, ödeme sayfasını özelleştirmek için en iyi eklentilerden biridir ve ödeme alanlarını yeniden sıralamak için bile kullanabilirsiniz.

Ancak eklentiyi kullanmaya başlamak için yüklemeniz ve etkinleştirmeniz gerekir.

1. Eklentiyi Kurun ve Etkinleştirin

Eklentiyi yüklemek için WordPress kontrol panelinizden Eklentiler > Yeni Ekle'ye gidin ve eklentinin anahtar kelimelerini arayın. Eklentiyi bulduktan sonra, Şimdi Kur'a tıklayın.

Kurulum tamamlandıktan sonra eklentiyi etkinleştirin .

Premium eklenti veya WordPress deposuna dahil olmayan bir eklenti kullanmak istiyorsanız eklentiyi manuel olarak da yükleyebilirsiniz. Eklentinin marketten indirilmesi ve web sitenize yüklenmesi gerekiyor. Daha fazla bilgi için manuel olarak bir WordPress eklentisi yükleme kılavuzumuza göz atın.

2. WooCommerce ödeme alanlarını eklenti seçeneklerinden yeniden sıralayın

Eklenti etkinleştirildikten sonra, WooCommerce ödeme alanlarını yeniden sıralamak için kullanmaya başlayabilirsiniz. WordPress kontrol panelinizden WooCommerce > Ayarlar'a gidin ve Ödeme sekmesini açın.

Bir ödeme sayfası genellikle faturalandırma ve nakliye ayrıntılarını içerir. Önce faturalandırma alanlarını yeniden sıralayacağız. Bu nedenle, Ödeme sekmesinde Faturalandırma seçeneğini seçin. Burada, fatura ayrıntıları için tüm alanları görebileceksiniz.

Şimdi tek yapmanız gereken, fatura ayrıntılarının alanlarını yeniden sıralamak için sürükle ve bırak özelliğini kullanmak. Sadece alanları sürükleyin ve ödeme sayfanızda yerleştirmek istediğiniz konumlara bırakın . Alanları istediğiniz konuma kaydırmak için yukarı ve aşağı okları da kullanabilirsiniz.

Ek olarak, her alan için bir pozisyon seçeneğiniz de vardır. Alanlar ekranın soluna veya sağına ya da geniş bir alan alanına yerleştirilebilir. Gerekirse, Devre Dışı sütunundaki geçiş etkinleştirilerek alanlar gizlenebilir.

WooCommerce mağazanız için tüm ödeme alanlarını yeniden sıraladıktan sonra Değişiklikleri kaydet seçeneğine tıklayın. Ödeme sayfasını yeniden yüklediğinizde, yeni sipariş edilen alanları görebileceksiniz.

Aynı şekilde kargo detaylarını da yeniden düzenleyebilirsiniz. Ödeme sekmesinden kargo seçeneğini seçin ve alanları yeniden sıralayın. Gerekli tüm alanları yeniden düzenledikten sonra, ön uç ödeme sayfasında da yeniden sıralandıklarını görebileceksiniz.

WooCommerce Checkout Alanlarını Programlı Olarak Yeniden Sıralayın

Web sitenize herhangi bir ek eklenti eklemek istemiyorsanız, kod parçacıklarını kullanarak WooCommerce ödeme alanlarını da yeniden sıralayabilirsiniz. Ancak bu yaklaşım, yalnızca ileri düzeyde programlama bilgisine sahipseniz sizin için uygundur.

Ayrıca, kod parçacıkları web sitenizin function.php dosyasına eklenir ve WordPress temanızı güncellediğinizde bunları kaybedebilirsiniz. Bu nedenle, snippet'leri eklemek için bir alt tema oluşturmalısınız. Bununla ilgili yardıma ihtiyacınız varsa, WordPress için en iyi alt tema eklentilerinden birini kullanarak bir tane oluşturabilirsiniz.

Ancak, kod parçacıklarını eklemeden önce WordPress web sitenizi yedeklemenizi de öneririz. Functions.php dosyası, web sitenizin temel dosyalarından biridir ve dosyada istenmeyen değişiklikler daha fazla soruna neden olabilir. Şimdi işleme devam edelim.

1. Tema Düzenleyici'de function.php dosyasına erişin

Tema düzenleyiciden function.php dosyasındaki kod parçacıklarını eklemeniz gerekecek. Erişmek için WordPress kontrol panelinizden Görünüm > Tema Düzenleyici'ye gidin. Ardından, tema dosyalarında ekranınızın sağ tarafından function.php dosyasını seçin.

Şimdi, düzenleyicinin en altına gidip dosyayı güncelledikten sonra kod parçacıklarını eklemeye başlayabilirsiniz. Bu eğitim için Divi temasını kullandık. Bu nedenle, kullandığınız temaya bağlı olarak düzenleyicinizden biraz farklı görünebilir.

2. Kod Parçacıklarını Ekleyin

WooCommerce ödeme alanlarını yeniden sıralamak için web sitenize ekleyebileceğiniz birkaç kod parçacığı vardır. Ancak önce, alanların 4 gruba ayrıldığını anlamalısınız:

• Fatura adresi – faturalandırma
• Gönderim adresi – gönderim
• Hesap girişi – hesap
• Ek bilgi – sipariş

Ayrıca, bu gruplardaki alanların her birinin kendine özgü önceliği vardır. Alanları yeniden sıralamak isterseniz önceliklerini de bilmeniz gerekir.

Aşağıdaki listede alanları bulabilirsiniz. Alanlardan sonra gösterilen sayı onların önceliğidir.

• faturalandırma
  • billing_first_name – 10
  • billing_last_name – 20
  • billing_company – 30
  • billing_address_1 – 40
  • billing_address_2 – 50
  • billing_city – 60
  • billing_postcode – 70
  • billing_country – 80
  • billing_state – 90
  • billing_email -postası – 100
  • billing_phone – 110
• Nakliye
  • shipping_first_name – 10
  • shipping_last_name – 20
  • shipping_company – 30
  • shipping_address_1 – 40
  • shipping_address_2 – 50
  • shipping_city – 60
  • shipping_postcode – 70
  • shipping_country – 80
  • shipping_state – 90
• Hesap
  • account_password (öncelik yok)
• Emir
  • order_comments (öncelik yok)

Şimdi bir iki örneğe bakalım:

2.1. Bir Alanı En Üste Taşı

Bir ödeme alanını en üstte veya ilk satırda görüntülemek için taşımak istiyorsanız, aşağıdaki kod parçacığını kullanabilirsiniz.

 add_filter('woocommerce_checkout_fields', 'quadlayers_email_top');

function quadlayers_email_top( $checkout_fields ) {
$checkout_fields['billing']['billing_email']['priority'] = 5;
$checkout_fields döndür;
}

Varsayılan olarak, ilk ad 10 ile en yüksek önceliğe sahiptir. Bu nedenle, bir alanı en üste yeniden sıralamak istiyorsanız , alanın önceliğinin 10'dan az olduğundan emin olun.

Bizim durumumuzda, e-posta alanının önceliği 5'tir. Bu nedenle ödeme alanında en üstte yer alır.

2.2. Bir Alanı Başka Bir Gruba Taşıma

WooCommerce ödeme alanını yeniden sıralamak için kod parçacığını kullanmak, yalnızca bir alanı en üste taşımakla sınırlı değildir. Bir alanı başka bir gruba da taşımak için değiştirebilir veya daha fazla kod parçacığı oluşturabilirsiniz.

Örneğin, aşağıdaki parçacığı ele alalım:

 add_filter('woocommerce_checkout_fields', 'quadlayers_billing_email_another_group');
işlev quadlayers_billing_email_another_group( $checkout_fields ){
// 1. Burada başka bir gruba bir alan dizisi atarız
$checkout_fields['order']['billing_email'] = $checkout_fields['fatura']['billing_email'];
// 2. Önceki konumdan bir alanı kaldır
unset( $checkout_fields['fatura']['billing_email'] );
$checkout_fields döndür;
}

Gördüğünüz gibi, fatura e-postası ek bilgi grubuna taşındı. Benzer şekilde, kodu web sitenizin ihtiyaçlarına göre değiştirebilir ve farklı gruplardaki alanları taşımak için de kullanabilirsiniz.

Bu konuda daha fazla yardıma ihtiyacınız varsa, WooCommerce bile kodları kullanarak ödeme alanlarını düzenlemek için ayrıntılı bir kılavuz sağlamıştır. Görüntülemek için buraya tıklamanız yeterli.

Bonus: WooCommerce'de Doğrudan Ödemeyi Etkinleştir

Artık WooCommerce ödeme alanlarını yeniden sıralama sürecine aşina olduğunuz için, web siteniz için ödeme sürecini kısaltmanız daha iyi olabilir. Ve süreci basitleştirmek istiyorsanız , sepet sayfasını atlamak en iyi uygulamalardan biridir. Bu sayede müşteriler, sadece birkaç ürün satın almak istediklerinde doğrudan ödeme sayfasına yönlendirilebilirler.

Doğrudan ödemeyi etkinleştirmek için WooCommerce eklentisi için Doğrudan Ödeme kullanacağız. Müşterilerinizin alışveriş sepeti sayfasını atlamasını ve onları ödeme sayfasına yönlendirmesini sağlayan basit bir eklentidir. Ancak eklentiyi kullanmaya başlamak için önce onu yüklemeniz ve etkinleştirmeniz gerekir.

Bu nedenle, WordPress panonuzdan Eklentiler > Yeni Ekle'ye bir kez daha gidin ve eklentiyi arayın. Ardından, Şimdi Kur'a tıklayın ve kurulum tamamlanır tamamlanmaz eklentiyi etkinleştirin .

Şimdi, bazı varsayılan WooCommerce ayarlarını yapmanız gerekiyor. Bunlar, WordPress panonuzdaki Ürünler sekmesinin altındaki WooCommerce > Ayarlar bölümünde bulunabilir. Burada Genel seçeneğini seçin ve WooCommerce ürünleri için genel seçenekleri görebileceksiniz.

Ardından, sepete ekleme davranışına gidin ve eklenti ayarlarına müdahale etmemeleri için her iki seçeneği de kontrol edin .

Bundan sonra, Doğrudan Ödeme sekmesini açın ve burada da Genel seçeneğini seçin. Şimdi, açılır menüden Sepete eklendi yönlendirmesini Ödeme olarak ayarlayın. Son olarak, değişiklikleri kaydedin .

İşte bu kadar, müşteriler web sitenizdeki sepet sayfası yerine ödeme sayfasına yönlendirilecekler. Daha fazla bilgiye ihtiyacınız olursa sepet sayfasını atlamak için ayrıntılı bir rehberimiz de var.

Çözüm

Bunlar, web sitenizdeki WooCommerce ödeme alanlarını yeniden sıralayabileceğiniz çeşitli yollar. Müşterilerinizin memnuniyeti için ödeme sayfanıza uygulayabileceğiniz çok iyi bir özelleştirmedir. Ve web sitenize bağlı olarak, sizin için de daha kolay olabilir.

Özetlemek gerekirse , ödeme alanlarını yeniden sıralamanın en iyi iki yolunu inceledik. Onlar:

• Eklenti kullanma
• programatik olarak

Bir eklenti kullanmak, alanları yeniden sıralamanın en hızlı yollarından biridir. WooCommerce kontrol panelinizden bazı seçenekleri ayarlamanız ve alanları yeniden sıralamanız yeterlidir. Ancak, daha gelişmiş bir yaklaşım istiyorsanız ve teknik bilgiye sahipseniz, bunları kod parçacıkları kullanarak da yeniden düzenleyebilirsiniz.

Ek olarak, alışveriş sepeti sayfasını atlayarak ödeme sürecini basitleştirmek için kısa bir eğitim de ekledik. Ödeme sayfanızı daha fazla geliştirmek istiyorsanız, WooCommerce ödemesini optimize etmek, tek sayfalık ödeme oluşturmak, ödemeye devam metnini değiştirmek vb. için ayrıntılı kılavuzlarımız da var.

Umarız bu eğitim sizin için faydalı olmuştur. İşte sizin için ilginç olabilecek birkaç makale daha:

• WooCommerce Ödeme Hata Mesajları Nasıl Değiştirilir
• En İyi WooCommerce Tek Sayfa Ödeme Eklentileri (Ücretsiz ve Ücretli)
• WooCommerce ödemesine koşullu alanlar nasıl eklenir

Peki, şimdi ödeme alanlarını yeniden sıralayabilir misiniz? Herhangi bir sorununuz var mıydı? Lütfen yorumlarda bize bildirin!