WooCommerce'de Sepete Ekle düğmesi nasıl özelleştirilir

 add_action( 'woocommerce_single_product_summary', 'QL_add_text_above_add_to_cart', 20 );
işlev 'QL_add_text_above_add_to_cart'() {
  echo '14 günlük para iade garantisi';
}

Öte yandan Sepete Ekle butonunun altına da metin ekleyebilirsiniz . Bu, alışveriş yapanları örneğin toplu satın almalar için indirimler olabileceği konusunda bilgilendirmek için faydalı olabilir. Sepete Ekle düğmesinin altına bir metin eklemek için bu kod parçasını kullanabilirsiniz:

 add_action( 'woocommerce_after_add_to_cart_button', 'QL_add_text_under_add_to_cart');
function QL_add_text_under_add_to_cart() {
  echo 'Toplu alımlar için bize ulaşın';
} 

Gördüğünüz gibi, bunlar kısa sürede dönüşüm oranlarınızı artırmak için yapabileceğiniz çok kolay değişiklikler.

3) Sepete Ekle düğmesinin rengini değiştirin

Şimdi Sepete Ekle butonunun rengini değiştirerek nasıl düzenleyeceğinizi görelim. Çoğu WordPress ve WooCommerce teması, düğmeler için varsayılan renklerle gelse de, bunların mağazanızın stiline uygun olduğundan emin olmalısınız.

WooCommerce'de Sepete Ekle düğmesinin rengini özelleştirmek için style.css dosyasına bir CSS kod parçacığı eklemeniz gerekir. Bir FTP istemcisi ile veya WordPress panosundan Görünüm > Özelleştir > Ek CSS seçeneğine giderek erişebilirsiniz. Burada iki seçenek var:

1. Tek Ürünlerde Sepete Ekle düğmesinin rengini değiştirin
2. Arşiv Sayfalarında Sepete Ekle düğmesinin rengini değiştirin

3.1) Tek Ürünlerde rengi değiştirin

Bu kodu style.css dosyasına yapıştırın ve renkleri istediğiniz gibi değiştirin. Bu durumda, kırmızı bir arka plana ve gümüş bir metne sahip olacağız.

 .tek ürün .product .single_add_to_cart_button.button {
arka plan rengi: #FF0000;
renk: #C0C0C0;
}

3.2) Arşiv Sayfasında Sepete Ekle buton rengini değiştirme

Sepete Ekle düğmesini özelleştirmek ve WooCommerce Arşiv Sayfasındaki rengini değiştirmek için bu kodu kullanın ve Hex Kodlarını mağazanız için anlamlı olanlarla değiştirin.

 .woocommerce .product .add_to_cart_button.button {
arka plan rengi: #FF0000;
renk: #C0C0C0;
} 

4) Sepete Ekle düğmesini kaldırın ve Mağaza Sayfasına Doğrudan Satın Alma düğmesi ekleyin

Şimdi daha gelişmiş bir seçeneğe bakalım. Birkaç adımdan oluşan bir satın alma sürecine sahip olmak, alışveriş yapanların her aşamada bırakma şansını artırır. Bu nedenle, dönüşüm hunisini kısaltmak, ödemeyi optimize etmenin ve dönüşüm oranlarını iyileştirmenin harika bir yoludur.

Bu bölümde, Sepete Ekle düğmesinin nasıl kaldırılacağını ve WooCommerce için Doğrudan Satın Alma özelliğini kullanarak doğrudan satın alınan bir düğmeyle nasıl değiştirileceğini göstereceğiz. Bu eklentinin hem ücretsiz hem de premium sürümleri vardır ve ödeme işlemini basitleştirmenize yardımcı olacak birçok özellik ile birlikte gelir. Ek olarak, alışveriş sepeti sayfasını atlamanıza ve kullanıcıları doğrudan ödeme sayfasına yönlendirmenize olanak tanıyarak satın alma sürecini kısaltır. O halde, Sepete Ekle butonunu nasıl tamamen kaldıracağımızı ve doğrudan satın al butonu ile nasıl değiştireceğimizi görelim.

Sepete Ekle düğmesinin işlevini değiştirin

İlk olarak, Direct Checkout'u kurmanız ve etkinleştirmeniz gerekir. Ücretsiz sürümü bu bağlantıdan indirebilir veya 19 USD'den başlayan (tek seferlik ödeme) premium planlardan birine göz atabilirsiniz.

Eklentiyi etkinleştirdikten sonra, WordPress kontrol panelinizde WooCommerce > Doğrudan ödeme > Genel'e gidin ve seçenekleri aşağıdaki gibi doldurun:

WooCommerce mağaza sayfasının nasıl özelleştirileceği hakkında daha fazla bilgi için bu tam kılavuza bir göz atın.

Sepete Ekle düğmesi metnini değiştirin

Genel sekmesindeki seçenekleri ayarladıktan sonra, Sepete Ekle düğmesi kullanıcıları ödeme sayfasına yönlendirecektir. Ancak, işlevini değiştirdiğiniz için düğmenin metnini de düzenlemelisiniz. Düğme artık sepete ürün eklemiyor, bu nedenle, örneğin Şimdi satın al gibi bir şeyle değiştirmek daha iyi. Bunu yapmak için Arşivler sekmesine gidin ve seçenekleri aşağıdaki gibi doldurun: Burada, belirli ürün türleri için düğme metnini değiştirebilirsiniz. Değişiklikleri ilgili alanda hepsini seçerek tüm ürün türlerine uygulayacağız. Bundan sonra, ön ucu kontrol etme zamanı.

Gördüğünüz gibi , WooCommerce mağazamızdaki Sepete Ekle düğmesini özelleştirdik ve Sepete Ekle düğmesini, müşterileri alışveriş sayfasından doğrudan ödeme sayfasına götürecek Şimdi satın al düğmesiyle değiştirdik . Bunun da ötesinde, alışveriş sepeti işlevini mağazamızdan tamamen kaldırdık.

Sepete Ekle düğmesinin nasıl kaldırılacağı hakkında daha fazla bilgi için bu adım adım kılavuza bakın.

5) Sepete Ekle düğmesini özelleştirin ve Ürün Sayfasına Doğrudan Satın Alma düğmesi ekleyin

Son olarak, benzer bir şey yapabilir ve kullanıcıları ürün sayfasından ödeme sayfasına yönlendirmek için Sepete Ekle düğmesini özelleştirebiliriz .

Bu şekilde, WooCommerce'de hem Mağaza hem de Ürünler sayfasında kolayca özel bir Sepete Ekle düğmesi oluşturabilirsiniz. Ve en iyi yanı, her sayfada farklı düğmelere sahip olabilmenizdir.

Sepete eklendi mesajı nasıl özelleştirilir

Düğmeyi özelleştirmenin yanı sıra, Sepete Eklendi mesajını da düzenleyebilirsiniz. Bunu yapmanın en kolay yolu, aşağıdaki betiği function.php dosyasına yapıştırarak mesajı değiştirmektir.

 add_filter('wc_add_to_cart_message_html', 'quadlayers_custom_add_to_cart_message');
function quadlayers_custom_add_to_cart_message() {
   $message = 'Ürününüz sepete eklendi. Bizden alışveriş yaptığınız için teşekkür ederiz!' ;
   $mesajını döndür;
}

Bu durumda ürününüz sepetinize eklendi mesajını değiştiriyoruz. Bizden alışveriş yaptığınız için teşekkür ederiz!

Daha kişisel hale getirmek için müşterinin sepete yeni eklediği ürünün adını aşağıdaki gibi görüntüleyebilirsiniz:

 add_filter( 'wc_add_to_cart_message', 'quadlayers_custom_wc_add_to_cart_message', 10, 2 ); 
 
function quadlayers_custom_wc_add_to_cart_message($message, $product_id ) { 
    $message = sprintf(esc_html__('%s sepetinize eklendi. Alışveriş için teşekkürler!','tm-organik'), get_the_title( $product_id ) ); 
    $mesajını döndür; 
} 

Bunlar sadece birkaç örnek, ancak yapabileceğiniz daha çok şey var ve mesaja bağlantılar ve düğmeler ekleyebilirsiniz. Bununla ilgili daha fazla bilgi için WooCommerce Sepete Ekle mesajının nasıl değiştirileceğine ilişkin kılavuzumuza bakın.

Bonus: Farklı kategoriler için Sepete Ekle düğmesi metnini değiştirin

Şimdi diyelim ki farklı ürün kategorileriniz var ve her kategori için özel Sepete Ekle düğmelerine sahip olmak istiyorsunuz. Örneğin, ürün kategorisi 1 için "Şimdi Satın Al" yazan bir düğmeniz olmasını, ancak kategori 2 için "İndir" metnini görüntülemesini isteyebilirsiniz.

Bunu yapmak için 1. noktada kullandığımız işlevin aynısını kullanmalısınız. add_filter('woocommerce_product_single_add_to_cart_text','QL_customize_add_to_cart_button_woocommerce');

Her ürünün kategorilerini almanız ve ardından metni aşağıdaki gibi sınıflandırmaya bağlı olarak değiştirmek için bir koşullu kullanmanız gerekir:

if($category=='category 1'){
return __('Buy Now', 'woocommerce');
}elseif($category=='category 2'){
return __('Download', 'woocommerce');
}else{
return __('Default text', 'woocommerce');
}

Sepete Ekle butonu çalışmıyor. Ne yapabilirim?

Sepete Ekle düğmesinin çalışmamasının birkaç nedeni olabilir. En yaygın olanları:

• Eklenti/tema uyumsuzluğu
• Eksik bilgi içeren ürünler
• Önbellekle ilgili sorunlar
• Ödeme uç noktaları
• kalıcı bağlantılar
• ModSecurity sorunları
• Ve dahası

Bu sorunların her birinin nasıl çözüleceğini öğrenmek için Sepete Ekle düğmesinin nasıl düzeltileceğine ilişkin kılavuzumuza bakın.

NOTLAR

• Eklenti seçenekleri panelinin Arşivler bölümünde kaydettiğiniz ayarlar temel Mağaza ve Ürün kategorileri sayfalarına uygulanırken Ürünler bölümündeki ayarlar yalnızca Ürün sayfalarına uygulanır.
• Bu demo için Storefront temasını kullandık ancak WooCommerce ile uyumlu herhangi bir temayı kullanabilirsiniz.
• Çoğu tema sorunsuz bir şekilde entegre edilecek olsa da, bazı temalar varsayılan WooCommerce özelliklerini değiştirebilir ve Direct Checkout kullanırken sorunlara neden olabilir.
• Direct Checkout'un bazı temel özelliklerini ele aldık. Daha gelişmiş özellikler için mağazanızı bir sonraki seviyeye taşımanıza yardımcı olacak Premium planlara göz atın.

Çözüm

Sonuç olarak, Sepete Ekle düğmesini özelleştirmenin işletmeniz üzerinde büyük etkisi olabilir. Bu yüzden mağazanızın ihtiyaçlarına göre uyarlamanızı öneririz. Bu kılavuzda, Sepete Ekle düğmesini hem programlı olarak hem de eklentilerle özelleştirmenin farklı yollarını öğrendiniz:

• Sepete Ekle düğmesinin metnini değiştirin
• Sepete Ekle düğmesinin üstüne veya altına metin ekleyin
• Sepete Ekle düğmesinin rengini değiştirin
• Sepete Ekle düğmesini kaldırın ve Mağaza Sayfasına Doğrudan Satın Alma düğmesi ekleyin
• Sepete Ekle düğmesini özelleştirin ve Ürün Sayfasına Doğrudan Satın Alma düğmesi ekleyin