Mini Sepet Nasıl Yapılır WooCommerce: 3 Yöntem
YP mini wooCommerce trenini yönetmenin kolay bir yolunu mu arıyorsunuz? Ödeme deneyiminiz yavaş ve tekrar ediyorsa, müşteri alışveriş deneyiminizi etkileyebilir. Ödeme işleminizi artırmak, potansiyel müşterilerinizin ve mini trenlerinizin dönüşümünü artırmanın ayrılmaz bir parçasıdır. Web sitenize bir tane eklemenize yardımcı olmak için, mini bir woocommerce sepetinin nasıl yapılacağına dair bir rehber. Ama önce, mini trenin tam olarak ne olduğunu ve neden kullanmanız gerektiğini görelim. Mini wooocommerce tren nedir? WooCommerce Mini Sepetiniz, gerçek WordPress sepet sayfanızdan sadece küçük bir şekildir. Diğer birkaç detayla birlikte sepetinize eklenen ürünler içerir. Mini sepetin içeriği aktif WordPress temanıza bağlıdır, ancak genellikle şunları içerir:
Ürünlerinizin Listesi
Ara toplam
Ürün küçük resim
Ürün miktarı
WooCommerce Mini Sepetiniz tarafından görüntülenen ayrıntıların yanı sıra, bu, Woocommerce mağazanızı keşfederken müşteri kullanıcı deneyiminizin önemli bir parçasıdır. Bu, müşterilerinizin web sitenizin herhangi bir bölümünden doğrudan ödeme sayfasına geçmek ve sepet öğesini izlemeye yardımcı olmak için kullanabileceği bir araçtır. Quadlayers üzerinde mini bir tren bile kullandık. Bir arabaya bir ürün eklerseniz, imleci başlık menüsünde tramvay simgesine yönlendirerek mini bir arabayı görebilirsiniz.
Aşağıdaki ekran görüntülerini görürseniz, sepete WooCommerce Checkout Manager ürünleri ekledik. Bu, miktarı ve alt notlarıyla birlikte mini arabada da görüntülenir.
Sepet Widget ekleyin
WordPress eklentilerini kullanma
Programlanmış
WordPress widget’ı kullanarak varsayılan yöntemden başlayarak, her yönteme ve adımlara bakalım. 1. Varsayılan olarak bir WordPress widget kullanarak mini bir woocommerce sepeti oluşturun, bir Woocommerce sepet widget’ı kullanarak mini bir wooCommerce treni yapabilirsiniz. Bir widget kullandığımız için widget’lar yalnızca mevcut tema widget alanında konumlandırılabilir. En yaygın alanlar şunları içerir: widget yan bıçaklar
Başlığın altında
dipnot
Belki temanıza bağlı olarak daha fazla widget alanı vardır. Ancak WooCommerce ile uyumlu temalardan birini kullandığınızdan emin olun.
1.1. Bir sepet widget eklemek için widget alanını seçin, önce widget alanını seçmelisiniz. Bu yüzden gösterge tablosu Yönetici Gösterge Tablosunu ve Görünümü Aç> Widget’ları açın. Ardından, mini sepetiniz için widget alanını seçersiniz. Gösterimiz için kenar çubuğunu kullanacağız. Ancak sizin için en rahat olan widget alanını kullanabilirsiniz.
1.2. Sepet widget’ı widget alanına ekleyin Mini sepetiniz için widget alanını seçtikten sonra, widget’ı eklemek için + düğmesini tıklayın. Bir sepet bulmak için arama çubuğunu kullanın ve bir widget eklemek için tıklayın. Widget’ı göremiyorsanız, WooCommerce’i web sitenizde doğru bir şekilde hazırladığınızdan emin olun.
Burada, sepet boşsa gizleme seçeneğini de etkinleştirebilir veya devre dışı bırakabilirsiniz. Müşteri sepetiniz boşsa kenar çubuğu sepetiniz gizleneceğinden etkinleştirmenizi öneririz. Bu aynı zamanda web sitenizin daha işlevsel görünmesini sağlayacaktır. Bir sepet widget’ı eklemeyi bitirdikten sonra, değişikliklerinizi kaydetmek için widget’ınızı güncelleyin. Şimdi, mini kenar çubuğu sepetiniz ön ucunuzda görünecek. Tabii ki, mini treninizi farklı bir widget alanına da ekleyebilirsiniz. Widget sayfasının altındaki konumu seçin ve üstbilgi veya altbilginin altına kolayca bir widget ekleyebilirsiniz.
Bu, WooCommerce Mini Sepetinizi yapmanın en kolay yolu olsa da, bir dizi makul sınırla birlikte gelir. İlk olarak, mini treninizde ayarlama yoktur. Mini trenin nasıl göründüğü ve müşterileriniz tarafından nasıl erişildiği açısından çok sınırlısınız. Mini trenin konumu, temanız tarafından sağlanan widget alanı ile sınırlıdır. Buna ek olarak, pop-up mini sepeti veya sepet için özel alanlar gibi özellikler, müşteriler veya web sitesi sahipleri için de mevcut değildir. Bu nedenle, daha ayarlanmış bir mini tren istiyorsanız, aşağıdaki yöntemleri okumaya ve dikkate almaya devam etmenizi öneririz. 2. WordPress eklentilerini kullanarak WordPress eklentilerini kullanarak bir woocommerce mini sepet oluşturun, alışveriş sepeti deneyiminizi yönetmenin en kolay yollarından biridir. Müşterilerinizin eklentiler yardımıyla istediğiniz zaman kolayca kontrol edebilmesini sağlayabilirsiniz. Ayrıca web sitenizin ödeme deneyimini basitleştirmenize izin verir. Mini Sepet eklentisi, ürün satışlarınızı tanıtmak ve potansiyel müşterilerinizin satın alınmasını artırmak için iyi özellikler sağlar. Örnek olarak: Yüzen arabası simgesini etkinleştirebilirsiniz ve mini arabası için açılırsınız. Böylece müşterileriniz, diğer mağazaların içeriğini temiz ve kesintisiz tutarken istediğiniz zaman erişebilir. Mini trenin kendisine birçok sepet elemanı ve ürün eklenebilir. Örneğin, ek ürün bilgileri, miktarı değiştirme, toplam ekranı ve subtotal sepeti düzenleme ve daha fazlası. Eklenti ile, doğrudan mini arabadan bir kupon ekleme, özel üstün ürünler ve önerilen ürünler ekleyebilirsiniz. öneriler.
Bu nedenle, Woocommerce Mini Sepetinizi eklemeye ve ayarlamaya adanmış WordPress eklentisini kullanmanızı şiddetle tavsiye ediyoruz.
Demomuz için WooCommerce Sepetini tek bir eklentide kullanacağız. Bu, web sitenizde mini bir tren oluşturmak için en iyi eklentilerden biridir. Bu eklentinin kullanımı çok kolaydır ve mini sepet açılır pencereleri, kenar çubuğu arabaları veya sepet menüsü özelleştirme seçenekleri gibi ihtiyacınız olan tüm özelliklere sahiptir.
Ayrıca WooCommerce Mini Sepet eklentilerinin en iyi listesine sahibiz. Başka bir eklenti kullanmak istiyorsanız, onu da görebilirsiniz. 2.1. Eklentiyi yükleyin ve etkinleştirin, eklentiyi yükleyerek ve etkinleştirerek başlayın. WP yönetici kontrol panelinizi açın ve ardından eklentiler> Kenar çubuğunuza yeni ekleyin.
Ardından, Woocommerce için bir arada arabayı bulmak için sağ üstte bir arama çubuğu kullanın. Bir eklenti bulduktan sonra, eklentiyi yüklemek için şimdi yükleyin. Son olarak, yüklendikten sonra eklentiyi etkinleştirin.
Premium bir eklenti kullanmak istiyorsanız, manuel olarak yüklemeli ve yüklemelisiniz. Daha fazla bilgi için WordPress eklentisini manuel olarak yüklemek için ayrıntılı kılavuzumuza bakın. Şimdi, WooCommerce Mini Sepetinizi etkinleştirmek için eklentileri yapılandırmamız gerekiyor. 2.2. WooCommerce eklentisi mini sepetini yapılandırmak için WooCommerce eklentisi için tüm sepetleri yapılandırın, Sepet sekmesini WP Yönetici Gösterge Tablonuzdaki bir arada tıklayın. Bu, eklenti gösterge paneli sayfasını açacaktır. Eklentinin ücretsiz sürümünde, mini kenar çubuğu veya mini menü sepetini etkinleştirebilirsiniz. Ayrıca sepete Ajax düğmesi ekle ekleyebilir ve yapılandırabilirsiniz, ancak şimdilik yalnızca mini tren seçeneğine odaklanalım. Web sitenizdeki mini sepet açılır penceresini etkinleştirmek için kenar çubuğu arabasını açın ve etkinleştirmeyi tıklayın. Mobil cihazlarda mini tren pop -up’larını etkinleştirmek/devre dışı bırakmak için hücresel aktivasyon seçeneklerini de kullanabilirsiniz. Son olarak, değişikliğinizi kaydedin.
Şimdi, web sitenizin önünü açın ve yeniden yükleyin. Web sayfanızda yeni bir mini tren simgesi göreceksiniz. Mini sepetinizi açmak için tıklayın. Ayrıca, menülerinizden birine bir menü sepeti de ekleyebilirsiniz. Sepeti açın ve önceki adımlar olarak menü sekmesini etkinleştirin. Gerekirse hücresel menüsünde de etkinleştirebilirsiniz. Ardından, web sitenizdeki menü sepetini görüntülemek istediğiniz bir WordPress menüsü eklemeniz gerekir. Menü alanındaki WooCommerce Mini Sepetinize eklemek istediğiniz menüyü seçin. Ardından Kaydet’i tıklayın. Şimdi mini menü sepetinizi web sitenizde göreceksiniz. Bu, mini için seçtiğiniz menüye eklenecektir.2.3 Trenler. Bir özelleştirme eklentisi kullanarak mini wooocommerce sepetinizi ayarlayın Sepetin tek bir eklentisi olan ana özelliktir. Kenar çubuğu sepetinizi ve menü sepetinizi serbestçe ayarlayabilirsiniz. Bu renk, mini araba stili, konum, özel animasyon, mini araba simgesi, kenar çubuğu menü stili ve daha fazlasını içerir. Ayar seçeneğine erişmek için, görünümden> WP yönetici kontrol panelinizde ayarlayın. Temanızın ayarlanmasına yönlendirileceksiniz. Burada, WooCommerce için sepeti bir araya getirin ve tüm mini temel ayar seçeneklerini göreceksiniz. Bu gösteri için kenar çubuğu arabasını ayarlayacağız. Sidecart sepetini tıklayın, bunun için tüm seçenekleri göreceksiniz. Şimdilik, kenar çubuğu ekran içeriği seçeneğini kullanarak daha küçük bir mini arabayı etkinleştireceğiz ve kenar çubuğu arabasının konumunu değiştireceğiz. Ancak, bu seçeneği kullanarak mini treninizi daha fazla ayarlayabilirsiniz, web sitenize ne kadar uygun. İkonu yönlendirdiğinizde, yükleme simgesini ayarladığınızda ve daha fazlasını ayarladığınızda mini tramvay görünmesi için, tramvay simgesiyle etkileşim gibi düzenlenecek çok şey var. Değişikliklerinizi bitirdikten sonra Publish’i tıklayın. Web sitenizdeki bu mini sepetteki tüm ayarlamaları görebileceksiniz. Ve bu, eklentileri kullanarak mini treninizin temel çekirdeğidir. Eklenti tarafından sağlanan tüm ayarlama seçenekleri hakkında daha fazla bilgi edinmek istiyorsanız, belgeleri okumanızı şiddetle tavsiye ederiz. 3) Programlı bir mini woocommerce sepeti oluşturun, web sitenizin ışık çerçevesini korumak için mini wooComerce sepetinizi eklemek için bir eklenti kullanmamayı tercih edersiniz. Ardından, programlanmış olmasını da seçebilirsiniz. Bu, özel bir işlev kullanarak özel bir kısa kod oluşturmanızı ve işlevlerinize eklemenizi gerektirecektir. Ardından, web sitenizin herhangi bir bölümünde kısa bir kod kullanabilir veya hatta bir mini wooCommerce sepeti eklemek için WordPress veya WooCommerce şablon dosyalarınızdan birine ekleyebilirsiniz. Bazı temel dosyaları değiştireceğimiz için, web sitenizin bir yedeklemesini yapmalı ve ayrıca bir çocuğun temasını programlamalı veya çocuk tema eklentilerinden birini kullanarak yapmalısınız. Bu, WordPress temasını güncellerken özel bir kod kaybetmemenizi sağlar. 3.1. Tema işlevinize özel bir Kısa Kod ekleyin Tema Dosyası düzenleyicisinden web sitesi tema dosyasına özel bir kod ekleyeceğiz. WooCommmerce’a kod eklemek tamamen rahat değilseniz, önce bu makaleyi okumanızı öneririz. Hazır olduğunuzda, tema düzenleyicinizi görünümden açın> Gösterge Tablosu Yöneticinizdeki Tema Dosyası Düzenleyicisi Yöneticiniz.Sağdaki tema dosyası kenar çubuğunu kullanın ve function.php’i tıklayın.Bu, tema düzenleyicinizdeki function.php dosyasını açacaktır. Şimdi, tema düzenleyicinizdeki aşağıdaki kodu yapıştırın: Custom_mini_cart () function {) echo ”; echo ‘ ‘; echo ‘
‘; echo ”; echo tuvalet ()-> cart-> get_cart_contents_count ();
echo ”; echo ”;
Gema ‘‘;
echo ‘
‘;
echo ‘
‘;
wooocommerce_mini_cart ();
echo ‘
‘;
}
add_shortcode (‘QuadLayers-Mini-Card’, ‘Custom_Mini_Cart’);
Kodu ekledikten sonra dosyayı güncelleyin. Bu, web siteniz için ‘[Quadlayers-Mine-Cart]’ başlıklı özel bir kısa kod oluşturacaktır. Şimdi, bu kısa kodu belirli özel mini woocommerce sepetinizi eklemek için herhangi bir gönderi, sayfa veya widget’ta kullanabilirsiniz. 3.2. WooCommerce şablonunda kısa bir kod kullanın, herhangi bir Woocommerce tema şablonu dosyasına özel mini sepetinizi eklemek için aşağıdaki kod snippet’ini de kullanabilirsiniz. WordPress kontrol panelinizden eklenti dosyası düzenleyicisini açın. Ardından, sağ üstteki Düzenleme seçeneğini seçin ve WooCommerce’i seçin ve Seç’i tıklayın. Eklenti Dosyası menüsünü kullanarak Şablonlar> Arşiv-Ürün.php.
Ardından, uygun şablon bölümüne aşağıdaki kod satırını ekleyin. echo do_shortcode (‘[sepet dört katman-mini]’); Demomuz için Do_Action (‘Wooocommerce_beefore_main_content’) altına bir kod satırı ekleyeceğiz; astar. Ancak herhangi bir şablon dosyasına ve gereken herhangi bir yere snippet ekleyebilirsiniz.
Son olarak, eklenti düzenleyicisine kodu ekledikten sonra dosyayı güncelleyin. Mini tren, belirttiğiniz WooCommerce sayfasında görünecektir. Bizim durumumuzda, bu bir ürün mağazası/ürün arşivi.
Bu yaklaşım mini trenin şablona ekleyecektir. Ancak, mini trenler tam olarak istediğiniz gibi görünmeyebilir ve tema dosya stili sayfanızı kullanarak ek stiller gerektirebilir. Bu nedenle, bu yöntem yalnızca kodlamaya alışmışsanız ve WordPress’e PHP ve CSS eklemek için çok az bilgiye sahipseniz önerilir. Bonus: WooCommerce’den Sepet Sayfası Nasıl Geçilir Müşterilerinizin daha hızlı bir ödeme işlemine sahip olmasını istiyorsanız, sepet sayfasını tamamen geçmeyi de seçebilirsiniz. Müşterileriniz için mini trenler sağlandığından, birçok sepet sayfasına gerek yoktur. Böylece, müşterileri bir satın alma işlemi yapmak istediklerinde doğrudan ödeme sayfasına yönlendirebilirsiniz. Bunu özel bir eklenti kullanarak veya özel bir işlev kullanarak yapabilirsiniz. Şimdilik, programlanan sepet sayfasını nasıl geçebileceğinizi tartışacağız. Ancak devam etmeden önce, WP kontrol panelinizden WooCommerce> Ayarları’na gitmeli ve ürün sekmesini açmalısınız. Genel seçenek altında, iki seçeneği devre dışı bırakın, davranış sepetine ekleyin. Bu, özel işlevimize müdahale olmamasını sağlar. Şimdi, Fonksiyonları Açın.Php Dosya Çocuğunuzun teması bir kez daha yukarıdaki adımları kullanır. Tema düzenleyicisini görünüm> tema dosyası düzenleyicisinden açın ve functions.php dosyasını tıklayın. Ardından, aşağıdaki kod fragmanını buraya yapıştırın. add_filter (‘add_to_cart_redirect’, ‘ql_skip_cart_page’);
Ql_skip_cart_page function () {
$ wooocommerce global;
$ redirect_checkout = $ wooocommerce-> cart-> get_checkout_url (); geri $ redirect_checkout; } Şimdi, müşteriniz sepetinize her ürün eklediğinde, sepet sayfalarına değil, hemen ödeme sayfasına götürülecektir. Bu işlemi basitleştirmek için WooCommerce için Direct Checkut gibi eklentileri de kullanabilirsiniz. Öğrenmek istiyorsanız ve neden kullanmayı düşünmeniz gerekiyorsa, özel kılavuzumuzu burada görebilirsiniz. Sonuç ve bu mini bir wooocommerce sepeti nasıl yapılacağına dair rehberimizi sona erdirdi. WooCommerce Mini Sepetinin hazırlanması ve ayarlanması sıkıcı bir süreç değildir ve bunu yapmak için farklı bir yöntem kullanmayı seçebilirsiniz. Woocommerce mini sepetimizi eklemek ve ayarlamak için bugünkü kılavuzda kullandığımız yöntemi özetleyelim: Sepet widget’ı kullanma Özel bir WordPress eklentisi ile Kısa kodlar ve özel şablon dosyaları kullanılarak programlanmıştır
Hangi işlemi kullanacağınızdan emin değilseniz, mini wooocommerce sepetinizi yapmak için bir eklenti kullanmanızı şiddetle tavsiye ederiz. Sadece bu yöntem daha güvenli ve daha kolay değil, aynı zamanda mini treniniz için özellikle özelleştirme ve kişiselleştirme seçeneği de alırsınız. Bir WordPress yeni başlayan iseniz ve minimum sınıra sahip bir mini wooCommerce sepeti eklemek istiyorsanız, özel bir eklenti kullanmanızı şiddetle tavsiye ederiz. Ardından, ödeme sürecini kısaltmanın ve satışlarınızı artırmak için ek yollar arıyorsanız, neden diğer makalelerimizden bazılarını okumuyorsunuz:
Woocommerce Sepet sayfasını ayarlamak için en iyi eklenti
Nasıl Yapılır -Sayfa Wooocommerce Ödemesi
Doğrudan ödeme bağlantısı nasıl yapılır wooocommerce