WooCommerce'de Sepet Sayfası Nasıl Atlanır?

Yayınlanan: 2021-02-20

Çevrimiçi mağazanızda adımları nasıl azaltacağınızı ve ödeme sürecini nasıl basitleştireceğinizi öğrenmek ister misiniz? Doğru yere geldiniz! Bu kılavuzda, WooCommerce'de eklentili ve eklentisiz alışveriş sepeti sayfasını atlamanın farklı yollarını göstereceğiz.

Bir mağaza sahibi olarak nihai hedefiniz, satın alma sürecini müşterileriniz için daha uygun hale getirmektir. Bunu başarmak için yapabileceğiniz farklı şeyler var. Örneğin, tek sayfalık bir ödeme yapabilir, gereksiz ödeme alanlarını kaldırabilir, ürünlerinizi markaya göre düzenleyebilir, bir hızlı görünüm düğmesi ekleyebilir, vb.

Bu yazıda, alışveriş sürecini basitleştirmek ve dönüşüm oranlarınızı artırmak için WooCommerce'de Sepet Sayfasını nasıl atlayabileceğinize odaklanacağız. İşlem ayrıntılarına geçmeden önce, sepet sayfasını atlamanın faydalarını anlayalım.

WooCommerce'de Sepet Sayfasını Neden Atlamalısınız?

Sıkıcı bir ödeme sürecine sahip olmak, alışveriş yapanlar için önemli bir sonuçtur ve aynı zamanda terkedilmiş sepetlerin ana nedenlerinden biridir. WooCommerce'de varsayılan ödeme süreci, müşterinin sepetine ürün eklemesi, ardından manuel olarak alışveriş sepeti sayfasına ve oradan da nihayet siparişlerini verebilecekleri ödeme sayfasına gitmesiyle başlar.

Gördüğünüz gibi, süreçte yer alan birkaç adım var. Ancak müşteriler siparişlerini vermek için bu kadar zahmetli bir süreçten geçmek istemiyorlar. Çevrimiçi satın alma işlemi kolay ve hızlı olmalıdır, bu nedenle süreciniz yavaşsa, yolda birçok potansiyel alıcıyı kaybedebilirsiniz. İyi haber şu ki, ödeme işleminizi basit ve anlaşılır hale getirerek bunu kolayca önleyebilirsiniz.

Bu, özellikle bir e-kitap veya yalnızca bir kez satın alınabilen üyelik planları gibi tek bir ürün sattığınızda önemlidir. Bu durumlarda, sepet sayfasını tamamen atlayarak ödeme sürecini basitleştirebilirsiniz. Bu, alışveriş yapanların ihtiyaç duymadığı, onlara zaman kazandıracak bir sayfadır. Müşteriler, sepet sayfasını atlayarak, Sepete ekle düğmesini tıklayacak, doğrudan ödeme sayfasına gidecek ve siparişlerini verecektir. Müşterilerinizi daha mutlu edecek ve satışlarınızı artırmanıza yardımcı olacak daha kısa ve kullanışlı bir süreç.

Artık adımları azaltmanın ve ödeme sürecini basitleştirmenin neden önemli olduğunu bildiğinize göre , WooCommerce'de sepet sayfasını nasıl atlayabileceğinizi görelim.

WooCommerce'de Sepet Sayfası Nasıl Atlanır?

Bu kılavuzda, WooCommerce'de sepet sayfasını atlamanın 3 farklı yolunu göstereceğiz :

  1. WooCommerce ayarları aracılığıyla
  2. WooCommerce için Doğrudan Ödemeyi Kullanma
  3. Kod parçacıklarıyla programlı olarak

Bu yöntemlerin tümü işi halledecektir. Kendiniz için en iyisini seçebilmeniz için her birini tanımlayalım.

1) WooCommerce Ayarları aracılığıyla Sepet Sayfasını Atlayın

1) WP Yönetici Panonuza gidin ve WooCommerce > Ayarlar'a gidin. Ardından, Ürünler sekmesi altındaki Genel ayarlar seçeneğini seçin, “ Başarılı eklemeden sonra sepet sayfasına yönlendir” seçeneğini işaretleyin ve değişiklikleri kaydedin .

WooCommerce'de sepet sayfasına yönlendirmeyi etkinleştir

2) Bundan sonra Gelişmiş sekmesine gidin ve Sayfa Yapısı'nı seçin. Açılır menüyü kullanarak Ödemeyi varsayılan Sepet Sayfası olarak ayarlayın ve değişiklikleri kaydedin.

Ödemeyi varsayılan sepet sayfası olarak ayarla

Bu kadar! Kelimenin tam anlamıyla bu kadar basit. Artık ön ucu kontrol edebilir ve alışveriş yapanların alışveriş sepeti sayfasını nasıl atlayacağını ve siparişlerini tamamlamak için Alışveriş sayfasından doğrudan ödeme sayfasına nasıl gideceğini görebilirsiniz.

mağaza ön yüzü

2) Bir Eklenti Kullanarak Sepet Sayfasını Atlayın

WooCommerce Eklentisi için Doğrudan Ödeme

Sepet sayfasını atlamak için başka bir seçenek de bir eklenti kullanmaktır. Bu bölümde, QuadLayers tarafından geliştirilen WooCommerce için Direct Checkout'u kullanacağız. Sepet sayfasını atlama yeteneğinin yanı sıra, bu freemium eklentisi, ödemenizi iyileştirmek için büyük esneklik ve çeşitli özelleştirme seçenekleri sunar.

Bu araç, temel özelliklere sahip ücretsiz bir sürüme ve 19 USD'den başlayan (bir kerelik ödeme) daha gelişmiş işlevlere sahip 3 premium plana sahiptir.

Başlıca özelliklerinden bazıları şunlardır:

  1. Tek Sayfada Ödeme: Kullanıcıların alışveriş sepetini düzenlemesine ve aynı sayfada siparişi onaylamasına olanak tanır
  2. Ödeme alanlarını kaldırın: Gereksiz alanları kolayca kaldırın ve teslim alma sürecini hızlandırın
  3. AJAX tek ürünlerde sepete ekle: Kullanıcıların her seferinde sitenin tamamını yeniden yüklemeye gerek kalmadan tekli, gruplandırılmış veya değişken ürünleri sepete eklemesine olanak tanır
  4. Ödeme Yönlendirmesi: Kullanıcıları mağaza sayfasından doğrudan ödeme sayfasına yönlendirin
  5. Hızlı Satın Alma Düğmesi: Tek ürünlerde doğrudan satın alımları etkinleştirin
  6. Hızlı Görünüm Düğmesi: WooCommerce mağaza sayfasının ve ürün kategorilerinin hızlı bir görünümünü görüntüler

Bu kılavuzda sadece Checkout Redirect özelliğini kullanacağız ancak gördüğünüz gibi eklentinin sunabileceği çok şey var.

WooCommerce için Doğrudan Ödeme ile sepeti atlayın

Şimdi, WooCommerce için Doğrudan Ödeme ile sepeti nasıl atlayacağınıza bir göz atalım.

1) WP Yönetici Panosuna gidin ve Eklentiler > Yeni Ekle'ye gidin. WooCommerce için Doğrudan Satın Alma'yı arayın, Şimdi Kur'a tıklayın ve ardından kurulum tamamlandıktan sonra Etkinleştir'e tıklayın.

Eklentiyi kurun ve etkinleştirin

2) WP Yönetici Panosundan WooCommerce > Ayarlar'a gidin. Ürünler sekmesi altında Genel'e gidin ve eklenti ayarlarına müdahale etmemeleri için her iki Sepet Davranışı seçeneğinin işaretini kaldırın.

sepet davranışı seçeneklerini devre dışı bırak

3) Şimdi Doğrudan Ödeme sekmesine gidin ve Genel ayarlar'ı seçin. Sepete eklendi yönlendirmesini , açılır menüyü kullanarak Ödeme'ye ayarlayın ve değişiklikleri kaydedin.

alışveriş sepetini ödeme sayfasına yönlendir

Tamamlandı! WooCommerce için Doğrudan Ödeme ile alışveriş sepeti sayfasını nasıl atlayacağınızı öğrendiniz.

Yukarıda belirtildiği gibi, bu eklenti ödemenizi iyileştirmek için mükemmel bir araçtır, bu nedenle diğer özelliklere bir göz atmanızı ve dönüşüm oranlarınızı artırmak için bunlardan en iyi şekilde yararlanmanızı öneririz.

3) Sepet Sayfası Programlı Olarak Nasıl Atlanır

Kodlama becerileriniz varsa, sepet sayfasını kod parçacıklarıyla programlı olarak atlayabilirsiniz. Bunun için function.php dosyasını düzenlemeniz gerekecek. Bunu nasıl yapabileceğinizi daha iyi anlayalım.

Functions.php dosyası nasıl düzenlenir

Functions.php dosyanıza kod parçacıkları eklemenin iki yöntemi vardır.

  1. Kodu function.php dosyasının sonuna ekleyin
  2. Bir eklenti kullanın

Her iki seçeneğe de daha yakından bakalım.

NOT : Devam etmeden önce sitenizin tam bir yedeğini oluşturmanızı ve function.php dosyasını düzenlemek için bir alt tema kullanmanızı şiddetle tavsiye ederiz. Nasıl yapacağınızı bilmiyorsanız, bir alt temanın nasıl oluşturulacağına veya bir alt tema eklentisinin nasıl kullanılacağına ilişkin kılavuzumuza bakın .

a) WordPress kontrol panelinden functions.php dosyasını düzenleyin

Functions.php dosyasına kod parçacıkları eklemenin en kolay yolu, bunu WordPress panosundan yapmaktır.

Kontrol panelinizde Görünüm > Tema Düzenleyici'ye gidin. Ardından, sağ sütundaki alt temanızın functions.php dosyasını seçin ve kod parçacığını dosyanın sonuna yapıştırın. Son olarak, Dosyayı güncelle'ye basın .

WooCommerce'de Sepet Sayfası Nasıl Atlanır - İşlevler Dosyasını Düzenleyin

Kısa ve tatlı, değil mi?

b) Bir eklenti ile function.php dosyasına bir kod parçacığı ekleyin

Alternatif olarak, function.php dosyasını doğrudan düzenleme konusunda kendinizi rahat hissetmiyorsanız, bir eklenti kullanabilirsiniz. Bu demo için Kod Parçacıklarını kullanacağız.

İlk olarak, WordPress kontrol panelinizde Eklentiler > Yeni Ekle'ye gidin ve Kod Parçacıkları eklentisini arayın. Ardından kurun ve aşağıda gösterildiği gibi etkinleştirin.

Kod parçacıkları eklentisi

Ardından, Parçacıklar > Yeni Ekle'ye gidin. Snippet'i Kod bölümüne yapıştırın ve değişiklikleri kaydedin. Ek olarak, ne yaptığını hatırladığınızdan emin olmak için kod parçacığınıza bir ad verebilirsiniz.

Yeni Snippet Ekle

NOT : Kod Parçacıkları kullanıyorsanız, bir alt tema oluşturmanıza gerek olmadığını belirtmekte fayda var. Ancak, her zaman bir tane olmasını öneririz.

Artık function.php dosyanıza kod parçacıklarını nasıl ekleyeceğinizi bildiğinize göre, WooCommerce sepet sayfasını programlı olarak nasıl atlayacağınızı görelim.

Parçacıklar Ekleyin ve Sepet Sayfasını Programlı Olarak Atlayın

Kod parçacıklarını eklemeden önce, kodun işlevselliğine müdahale etmemeleri için WooCommerce > Ayarlar > Ürünler > Genel altında her iki Sepet davranışı seçeneğinin de işaretli olmadığından emin olun .

sepet davranışı seçeneklerini devre dışı bırak

Aşağıdaki kod parçacığını, yukarıda açıklanan iki yöntemden birini kullanarak function.php dosyanıza ekleyin. Snippet, müşterileri alışveriş sayfasından sepet sayfasını atlayarak doğrudan ödeme sayfasına gönderir.

 add_filter('add_to_cart_redirect', 'ql_skip_cart_page');
işlev ql_skip_cart_page () {
 küresel $woocommerce;
 $redirect_checkout = $woocommerce->cart->get_checkout_url();
 $redirect_checkout döndür;
}

Tebrikler! Artık WooCommerce'de sepet sayfasını atlamak için üç yöntemi de biliyorsunuz.

Ama hepsi bu değil. Müşterilerinizin alışveriş deneyimini iyileştirmek için yapabileceğiniz birkaç şey daha var. Bunlardan bazılarına bir göz atalım.

Sepete Ekle Metnini Değiştirin

Şimdiye kadar mağazanızda sepet sayfasını nasıl atlayacağınızı öğrendiniz. Artık sepet sayfası olmadığı için “ Sepete Ekle butonu artık pek bir anlam ifade etmiyor. Bu nedenle, Şimdi Satın Al veya Satın Al gibi başka bir şeyle değiştirmek iyi bir fikirdir.

WooCommerce'de Sepet sayfasını atla - Sepete ekle düğmesi metnini değiştir

İyi haber şu ki, düğme metnini değiştirmek basit bir işlemdir. Bunu iki şekilde başarabilirsiniz:

  1. Doğrudan Ödeme eklentisini kullanma
  2. programatik olarak

Her bir yönteme bir göz atalım.

1) Doğrudan Ödeme Eklentisini Kullanarak Düğme Metnini Değiştirin

WP Yönetici Panosundan WooCommerce > Ayarlar'a gidin ve Doğrudan Ödeme sekmesine gidin. Arşiv ayarları altında, Sepete Ekle metnini Değiştir'i Evet olarak ayarlayın ve görüntülemek istediğiniz metni yazın. Son olarak, değişiklikleri kaydetmek için Kaydet düğmesine basın.

WooCommerce'de Sepet Sayfası Nasıl Atlanır - Sepete ekle metnini değiştirin

Bu kadar! Sepete Ekle butonunuz şimdi Satın Al butonu ile değiştirilecektir.

2) Düğme Metnini Programlı Olarak Değiştirin

Bir eklenti kullanmak istemiyorsanız, düğmenin metnini programlı olarak da değiştirebilirsiniz. Aşağıdaki kod parçacığını function.php dosyanıza eklemeniz yeterlidir.

 add_filter( 'woocommerce_product_single_add_to_cart_text', 'ql_replace_add_to_cart_button_text');
add_filter( 'woocommerce_product_add_to_cart_text', 'ql_replace_add_to_cart_button_text');
// Sepete Ekle metnini Şimdi Satın Al ile değiştirin! 
function ql_replace_add_to_cart_button_text() {
 return __( 'Şimdi Satın Alın!', 'woocommerce' );
}

Bu örnekte, düğme metnini Şimdi Satın Al olarak değiştiriyoruz! ancak son kod satırında küçük bir düzenleme yaparak görüntülemek istediğiniz metni seçebilirsiniz:

return __( 'Şimdi Satın Alın!', 'woocommerce' );

Hemen Satın Al'ı değiştirin! görüntülemek istediğiniz herhangi bir şey içeren metin. Örneğin, Şimdi Satın Al, Şimdi Alışveriş Yap, Sipariş Ver vb. Metnin tek tırnak içine alındığından emin olun.

Bu kadar! Düğme metnini bu şekilde değiştirirsiniz. Şimdi bir sonraki tweakimize geçelim.

Sepete Eklendi Mesajını Kaldırın

Yakından incelerseniz, bir müşteri bir ürünü her satın aldığında, Ödeme Sayfasında “Ürününüz sepete eklendi” mesajının göründüğünü göreceksiniz.

sepete eklenen mesajı kaldır

Artık bir sepetimiz olmadığı için bu mesajın bir anlamı yok, bu yüzden onu kaldırmak daha iyi. Bunun için aşağıdaki kod parçasını kullanacağız.

 add_filter('wc_add_to_cart_message_html', 'ql_remove_add_to_cart_message');
function ql_remove_add_to_cart_message( $mesaj ){
 dönüş '';
}

Yukarıda açıklandığı gibi, bu kod parçacığını doğrudan alt temanıza ekleyebilir veya Kod Parçacıkları eklentisini kullanabilirsiniz.

Şimdi son tweak'imize bir göz atalım.

Sepet Sayfasını Menüden Kaldırın

Alışveriş sayfalarının çoğunda, müşterilerin sepet ürünlerini istedikleri zaman kontrol etmelerini sağlamak için ana menüde Sepet Sayfasına bir bağlantı bulunur. Ancak artık sepet sayfamız olmadığı için menüden sepet bağlantısını kaldırmalıyız.

Sepet Menü Girişi

Varsayılan olarak, WordPress menü girişlerini kaldırma seçeneği sunar. Bunu yapmak için WP Yönetici Panosuna gidin ve Görünüm > Menüler'e gidin. Menü Yapısı bölümünde Sepet Sayfasını seçin ve Kaldır'a tıklayın. Ardından değişiklikleri uygulamak için Kaydet düğmesine basın.

menüden sepeti kaldır

Tebrikler! Sepet sayfasını az önce menüden kaldırdınız. Bu küçük ince ayarlar, mağazanızı optimize etmenize ve kullanıcılara daha iyi bir satın alma deneyimi sunmanıza yardımcı olacaktır.

Çözüm

Sonuç olarak, herhangi bir çevrimiçi mağaza için basit ve anlaşılır bir ödeme süreci gereklidir. Sipariş verirken ne kadar az adım atılırsa, alışveriş sepetini terk etme ve dönüşüm oranlarını artırma şansı o kadar iyi olur. Sepet sayfasını atlayarak, ödeme sürecinin bir adımını kaldırarak müşteriler için daha hızlı ve daha kullanışlı hale getirirsiniz.

Bu kılavuzda, nasıl yapılacağını gördük:

  • WooCommerce'de sepet sayfasını atla
    • Varsayılan ayarlar aracılığıyla
    • WooCommerce eklentisi için Doğrudan Ödeme ile
    • Kod parçacığı kullanarak programlı olarak
  • Sepete Ekle düğmesi metnini değiştirin
    • Doğrudan Ödeme eklentisini kullanma
    • programatik olarak
  • Sepete eklendi mesajını kaldırın
  • Sepet sayfasını menüden kaldır

WooCommerce'de alışveriş sepeti sayfasını atlamayı hiç denediniz mi? Hangi yöntemi kullandın? Aşağıdaki yorumlarda bize bildirin.

Bu gönderiyi faydalı bulduysanız, lütfen sosyal medyada paylaşın ve bültenimize abone olun!

Daha ilginç eğitimler için şu gönderilere göz atın:

  • WooCommerce Sepet Sayfası nasıl özelleştirilir
  • WooCommerce'de Ürün Sayfasını Özelleştirin