WOOOCOMMERCE’deki sepete ekle düğmesi nasıl ayarlanır
Sepete ekle düğmesi, herhangi bir çevrimiçi işletme için en önemli düğmelerden biridir. Bu, alıcının ürün satın alma konusundaki ilgilerini göstermek için basıldığı ve mağazanız üzerinde büyük bir etkisi olabilir. Bu kılavuzda, WooCommerce’deki arabaya ekle düğmesini nasıl ayarlayacağınızı göstereceğiz. Neden WooCommerce’deki sepete ekle düğmesini ayarlayalım? WooCommerce, WordPress için en popüler e -ticaret eklentisidir. Varsayılan ayarlarla iyi çalışmasına rağmen, mağazanızı ayarlayarak bir sonraki seviyeye getirebilirsiniz. Daha fazla müşteri almanın en etkili yollarından biri, satın alma sürecini geliştirmek, kullanımı kolay ve basit hale getirmektir.
Ödeme sayfasını ayarlamak ve dönüşüm seviyesini en üst düzeye çıkarmak ve bırakmaktan kaçınmak için optimize etmek için farklı bir seçenek gördük. Ancak, satış kanalındaki önceki adım da çok önemliydi. “Sepete Ekle” düğmesi, müşterinin genellikle birden fazla ürün satın aldığı veya kullanıcının üründe gezinmesi beklendiğinde, ödeme sayfasına gitmeden önce sepetten ekleyip silin. Diğer birçok e -ticaret mağazası ise daha basit bir satın alma işlemine sahiptir ve “Sepete Ekle” i geçmeyi ve müşteriyi doğrudan kasiyere yönlendirmeyi tercih eder. Bir ürün mağazasında veya müşterilerin bir ürün satın alması beklendiğinde çok iyi çalışır. Daha kısa bir satın alma işlemi daha iyi çalışma eğiliminde olsa da, sattığınız ürün türüne bağlıdır. Tüm yaklaşımlar için uygun tek bir boyut yoktur.
Bu nedenle, bu kılavuzda, mağazanızı optimize edip satışlarınızı artırabilmeniz için WooCommerce’deki özel bir sepete nasıl bir ekleme düğmesi yapacağınızı göstereceğiz. WooCommerce’deki sepete ekle düğmesini nasıl ayarlarsınız Sepet sayfasını ayarlayabileceğiniz birçok yol vardır. Bu öğreticide, Sepet Ekle düğmesine odaklanacağız. İhtiyaçlarınıza en uygun olanı seçebilmeniz için size çeşitli seçenekler göstereceğiz. Birkaç eklenti ve küçük bir kodlama ama tüm yeni başlayanlar dostça seçenekler kullanacağız. Bu kılavuzda size nasıl yapılacağını göstereceğiz:
Metin düğmesini değiştir sepete ekle
Metni sepete ekle düğmesinin üstüne veya altına ekleyin
Düğmenin rengini değiştir sepete ekle
Ekle düğmesini sepete silin ve satın alma düğmesini doğrudan mağaza sayfasına ekleyin
Ekle düğmesini sepete ayarlayın ve satın alma düğmesini doğrudan ürün sayfasına ekle
Bakalım bunların her birini adım adım nasıl yapacağım. Başlamadan önce
Birkaç temel dosyayı düzenleyeceğimiz için, başlamadan önce bir çocuk teması oluşturmanızı öneririz. Bu kılavuzu izleyerek bir eklenti kullanabilir veya bir çocuk teması oluşturabilirsiniz
PHP Kodunu Cut Fonksiyonun Sonuna Yerleştirin.php Dosya Çocuk Teman
CSS görüntülerini style.css çocuğunuzun temasını yapıştırın
1) Metin düğmesinin nasıl değiştirilmesi WooCommerce’deki sepete ekleyin Basit bir şeyle başlayalım ve düğmeyi düğme metnini düzenleyerek özel sepete eklemesini sağlayın. Sepete ekle “Bu öğeyi satın alın” olarak değiştirdiğinizi varsayalım. Bunu yapmak için aşağıdaki kodu kopyalayıp yapıştırın:
add_filter (‘woocommerce_product_single_add_to_cart_text’, ‘ql_customize_add_to_cart_button_woocommerce’);
Ql_customize_add_to_cartton_button_woocmerce () işlevi
Dönüş __ (‘Bu öğeyi satın alın’, ‘wooCommerce’);
}
Gördüğünüz gibi, bu kod tek bir ürün içindir ve metin düğmesi Customize_ADD_TO_CART_BUTTON_WOOCOMMERCE () işlevinde belirttiğimiz değeri alır. 2) Yukarı/Alt Ekle Ekle düğmesi nasıl ekleme düğmesi eklemek için ekleme ekle ekle düğmesini WooCommerce’deki sepete ayarlamak için yapabileceğiniz sepete eklemek için yapabileceğiniz sepet ekle düğmesine eklemektir. Bu, ücretsiz gönderim, iade politikası, garanti vb.
Add_action (‘wooocommerce_single_product_summary’, ‘ql_add_text_above_add_to_cart’, 20);
‘Ql_add_text_above_add_to_cart’ () {) işlevi
Echo ’14 -Day Para Geri Garantisi ‘;
} Öte yandan, sepete ekle düğmesinin altına metin ekleyebilirsiniz. Bu, alıcılara, örneğin büyük miktarlarda satın alma için indirimler olabileceğini söylemek için yararlı olabilir. Sepete ekle düğmesinin altına metin eklemek için bu kod görüntülerini kullanabilirsiniz:
Add_action (‘wooocommerce_aft_add_to_cart_button’, ‘ql_add_text_under_add_to_cart’);
Ql_add_text_under_add_to_cart işlevi ()
ECHO ‘Toptan Satın Alımları İçin Bize Ulaşın’;
}
Gördüğünüz gibi, bu, dönüşüm seviyenizi kısa sürede artırmak için yapabileceğiniz çok kolay bir değişikliktir. 3) Düğmenin rengini değiştirme Sepete ekle, rengi değiştirerek Sepete Ekle düğmesini nasıl düzenleyeceğinizi görelim. Çoğu WordPress ve WooCommerce temaları düğmeler için varsayılan renklerle gelse de, rengin mağaza stilinize uygun olduğundan emin olmalısınız. Düğmenin rengini ayarlamak için Woocommerce’deki sepete ekleyin, CSS kod görüntülerini stile eklemeniz gerekir. CSS dosyası. Görünüm açılış> Özelleştir> Ek CSS açarak FTP istemcileriyle veya WordPress Gösterge Tablosu’ndan erişebilirsiniz. Burada iki seçenek var: Tek bir ürün üzerindeki sepete ekle düğmenin rengini değiştirin
Düğmenin rengini değiştir Arşiv sayfasındaki sepete ekle
3.1) Tek bir ürün macun üzerindeki rengi değiştirin Bu kodu style.css dosyasında ve rengi istediğiniz şekilde değiştirin. Bu durumda, kırmızı bir arka plan ve gümüş metnimiz olacak. . Tek ürün. Ürün .single_add_to_cart_button.button {
Arka plan rengi: #FF0000;
Renk: #C0C0C0;
} 3.2) Düğmenin rengini Değiştirme Ekle düğmesini sepete ayarlamak ve Woocommerce Arşivi sayfasındaki rengi değiştirmek için arşiv sayfasındaki sepete ekle, bu kodu kullanın ve onaltılık kodunu mağazanız için uygun kodla değiştirin .
.WooCommerce. Ürün .Add_to_cart_button.button {
Arka plan rengi: #FF0000;
Renk: #C0C0C0;
}
4) Ekle düğmesini sepete silin ve satın alma düğmesini doğrudan mağaza sayfasına ekleyin, daha karmaşık bir seçeneğe bakalım. Alıcıların her aşamada durma olasılığını artırmak için birkaç adım içeren bir satın alma işlemi olması. Bu nedenle huniyi kısaltmak, ödeme sürecini optimize etmenin ve dönüşüm oranını arttırmanın iyi bir yoludur. Bu bölümde, ekle düğmesini sepete nasıl sileceğinizi ve WooCommerce için doğrudan ödeme kullanarak doğrudan satın alımlarla değiştireceğinizi göstereceğiz. Bu eklenti ücretsiz ve premium bir sürüme sahiptir ve kontrolleri basitleştirmenize yardımcı olacak birçok özellik ile donatılmıştır. Buna ek olarak, bu, sepet sayfasını geçmenize ve kullanıcıyı doğrudan ödeme sayfasına yönlendirmenize olanak tanıyarak satın alma işlemini daha kısa hale getirir. Öyleyse, Sepete Ekle düğmesini nasıl kaldıracağına bakalım ve doğrudan Satın Al düğmesi ile değiştirin.
Düğmenin işlevini değiştirin Birinci sepete ekle, doğrudan kontrolü kurmanız ve etkinleştirmeniz gerekir. Bu bağlantının ücretsiz sürümünü indirebilir veya 19 USD’den (bir ödeme) başlayan premium paketlerden birini görebilirsiniz. Eklentiyi etkinleştirdikten sonra, WordPress kontrol panelinizde, WooCommerce> Doğrudan Ödeme> Genel açın ve seçenekleri aşağıdaki gibi doldurun:
“Tramvay Yönlendirme’ye Eklenen” seçeneğini evet olarak ayarlayın
Ekle’yi Sepet Yeniden Yönlendirme seçeneğini EVET’e yönlendirmenin yanı sıra, kullanıcıyı hangi sayfayı yönlendirmek istediğinizi seçmeniz gerektiğini unutmayın. Bu genellikle bir ödeme sayfası olacaktır, ancak özel bir URL de kullanabilirsiniz. Ayrıca, sepet sayfasını gerçekten erişilememek için sepet URL’sini değiştirebilirsiniz.
WooCommerce Shop sayfasının nasıl ayarlanacağı hakkında daha fazla bilgi için bu tam kılavuza bakın. Metin ekle sepete ekle, Genel sekmede seçeneği ayarladıktan sonra, sepete ekleme düğmesi kullanıcıyı ödeme sayfasına yönlendirir. Ancak, işlevlerini değiştirdiğiniz için düğme metnini de düzenlemeniz gerekir. Düğme artık arabaya ürün eklemiyor, bu nedenle örneğin şimdi satın almak gibi bir şeye dönüştürmek daha iyidir. Bunu yapmak için Arşiv sekmesini açın ve seçenekleri aşağıdaki gibi doldurun: Burada belirli ürün türleri için düğme metnini değiştirebilirsiniz. Her şeyi uygun alanda seçerek her türlü üründe değişiklik uygulayacağız. Bundan sonra, ön ucu kontrol etme zamanı.
Gördüğünüz gibi, Woocommerce mağazamızdaki sepete eklemek için düğmeyi ayarladık ve şimdi mağaza sayfasından müşterileri doğrudan ödeme sayfasına getirecek olan satın alma düğmesi ile sepete ekle düğmesini değiştirdik. Ayrıca, mağazamızın sepet işlevini tamamen çıkardık.
Sepete ekle düğmesini nasıl sileceğiniz hakkında daha fazla bilgi için, bu adım adım kılavuza bakın. 5) Ekle düğmesini sepete ayarlayın ve satın alma düğmesini doğrudan son ürün sayfasına ekle, aynı şeyi yapabilir ve kullanıcıyı ürün sayfasından kasiyere yönlendirmek için sepete ekle düğmesini ayarlayabiliriz.
4. noktada yaptığımız şeye benzer şekilde, fikir dönüşüm seviyesini artırmak için satın alma sürecini kısaltmaktır. Bunu yapmak için, WordPress kontrol panelinizde, WooCommerce> Doğrudan Ödeme> Genel. Bir kez daha, sepete eklenen transfer alanında Evet’i seçin ve sapma sepetine eklenen alanda kontrolleri seçin ve URL sepetini değiştirin. Metni değiştirelim, şimdi satın alarak sepete ekleyelim. Bunu yapmak için ürün sekmesini açın ve aşağıdakileri ayarlayın:
Bu şekilde, mağaza sayfasında ve ürünündeki WooCommerce’de özel bir sepete eklemeyi kolayca yapabilirsiniz. Ve en iyi yanı, her sayfada farklı bir düğmeye sahip olmanızdır. Tramvaya eklenen mesajın nasıl ayarlanacağı Düğmeyi ayarlamanın yanı sıra, sepete eklenen mesajı da düzenleyebilirsiniz. Bunu yapmanın en kolay yolu, aşağıdaki komut dosyalarını functions.php dosyasına ekleyerek mesajı değiştirmektir. add_filter (‘wc_add_to_cart_message_html’, ‘quadlayers_custom_add_to_cart_message’);quadLayers_custom_add_to_cart_message () işlev { $ Message = ‘Ürününüz sepete eklendi. Bizden alışveriş yaptığınız için teşekkür ederiz! ‘ ;
$ Mesaj döndür; } Bu durumda, mesajınızı sepetinize eklenmiş olarak değiştiririz.Bizden alışveriş yaptığınız için teşekkür ederiz!Daha kişisel olmak için, müşteri tarafından arabaya yeni eklenen ü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
$ Message = Sprintf (ESC_HTML __ (‘%s Taglunuza eklendi. Alışveriş için teşekkürler!’, ‘TM-Organic’), get_the_title ($ ürün_id));
$ Mesaj döndür;
}
Bunlar sadece birkaç örnektir, ancak yapabileceğiniz ve mesaja bağlantılar ve düğmeler ekleyebileceğiniz çok daha fazlası var. Bununla ilgili daha fazla bilgi için, arabaya eklentiye gireceğiniz WooCommerce mesajını nasıl değiştireceğiniz konusundaki kılavuzumuza bakın. Bonus: Metin düğmesini değiştirin Çeşitli kategoriler için sepete ekle, farklı bir ürün kategoriniz olduğunu ve her kategori için özel olarak bir sepete ekleme düğmesi yapmak istediğinizi söyleyin. Örneğin, Ürün Kategori 1 için “Şimdi Satın Al” ı okuyan bir düğmeye sahip olmak isteyebilirsiniz, ancak kategori 2 için “İndir” metnini görüntüler. Bunu yapmak için, 1’de kullandığımız işlevi kullanmalısınız. (‘Woocommerce_product_single_add_to_cart_text’, ‘ql_customize_add_to_cart_button_wooocommerce’); Her ürünün kategorisini almanız ve ardından aşağıdaki taksonomiye bağlı olarak metni değiştirmek için koşulları kullanmanız gerekir: if ($ kategorisi == ‘kategori 1’) {return __ (‘Şimdi Satın Al’, ‘WooCommerce’); } elseif ($ kategori == ‘kategori 2’) {return __ (‘indir’, ‘wooCommerce’); } else {return __ (‘varsayılan metin’, ‘wooocommerce’); } Sepete düğme ekle çalışmıyorum. Ne yapabilirim? Düğmenin sepete eklenmesinin bazı nedenleri işe yaramayabilir. En yaygın olanı: eklenti/tema uyuşmazlığı
Eksik bilgilere sahip ürünler
Önbellekle ilgili sorunlar
Bitiş Noktası Ödemesi
Kalıcı bağlantı
Mod Güvenlik Sorunları Ve daha fazlası
Bu sorunların her birini nasıl çözeceğinizi öğrenmek için, ekle düğmesini sepete nasıl düzelteceğiniz konusundaki kılavuzumuza bakın. Notalar
Eklenti Seçenek Panelindeki Arşiv bölümünde sakladığınız ayarlar, mağaza kategorisine ve temel ürünler kategorisine sayfalara uygulanırken, ürün bölümündeki ayarlar yalnızca ürün sayfaları için geçerli olacaktır. tema ama wooocommerce ile uyumlu herhangi bir temayı kullanabilirsiniz.
Çoğu tema sorunsuz entegre olsa da, bazı temalar varsayılan WooCommerce özelliğini değiştirebilir ve doğrudan kasalar kullanırken sorunlara neden olabilir.
Doğrudan kontrolün bazı temel özelliklerini tartıştık. Daha sofistike özellikler için, mağazanızı bir sonraki seviyeye getirmenize yardımcı olacak premium pakete bakın.
Sonuç Genel olarak, ekle düğmesini sepete ayarlamak, işletmeniz üzerinde büyük bir etkiye sahip olabilir. Bu yüzden mağazanızın ihtiyaçlarına göre ayarlamanızı öneririz. Bu kılavuzda, ekleme düğmesini hem programlanmış hem de eklentilerle sepete ayarlamanın çeşitli yollarını öğrendiniz:
Metin düğmesini değiştir sepete ekle
Metni sepete ekle düğmesinin üstüne veya altına ekleyin
Düğmenin rengini değiştir sepete ekle
Ekle düğmesini sepete silin ve satın alma düğmesini doğrudan mağaza sayfasına ekleyin
Ekle düğmesini sepete ayarlayın ve satın alma düğmesini doğrudan ürün sayfasına ekle
Son olarak, Woocommerce mağazanızı kullanmada daha fazla rehberlik için aşağıdaki yönergelere bakın:
Wooocommerce Shop sayfasını nasıl ayarlayabilirim
WooCommerce üzerindeki ödeme alanını silin
Doğrudan ödeme bağlantısı nasıl yapılır
