2023'te WooCommerce'de Sepete Yapışkan Ekleme Nasıl Eklenir?

Yayınlanan: 2023-08-04

WooCommerce ürün sayfalarınıza yapışkan bir sepete ekle düğmesi eklemek, müşterilerinizin sayfanın herhangi bir yerinden kolayca sepetlerine ürün ekleyebilmelerini sağlamanın harika bir yoludur. Ayrıca kararsız ziyaretçileri ürünlerinizi satın almaya teşvik eder.

Bu nedenle, yapışkan bir sepete ekle düğmesi, sitenizin müşteri memnuniyetini ve dönüşüm oranlarını artırabilir.

WooCommerce yerel bir yapışkan sepete ekleme özelliği sunmuyor. Ancak, işlevselliği sağlamak için Botiga Pro gibi bir eklenti kullanabilirsiniz.

Bu eğitimde, size WooCommerce ürün sayfalarınıza yapışkan sepete ekle düğmelerinin nasıl ekleneceğini göstereceğim.

1. Botiga WooCommerce Temasını Kurun ve Etkinleştirin

Botiga ücretsiz bir WooCommerce temasıdır, Botiga Pro ise temayı gelişmiş işlevlerle genişleten birinci sınıf bir eklentidir.

Sitenize yapışkan sepete ekle WooCommerce düğmeleri eklemek için hem temaya hem de eklentiye ihtiyacınız olacak.

Botiga temamız, piyasadaki en popüler ücretsiz WooCommerce temalarından biridir.

Buradan indirebilir veya resmi WordPress tema deposunda bulabilirsiniz.

Ardından, WordPress kontrol panelinizi açın ve Görünüm > Temalar > Yeni Ekle > Tema Yükle'ye gidin.

Temayı yüklemek için Dosya Seç düğmesine tıklayın, ardından Şimdi Yükle düğmesine basın.

Tema yüklendikten sonra Etkinleştir düğmesine tıklayın:

Botiga temasını WordPress'e yükleme, ekran görüntüsü

Alternatif olarak, Görünüm > Temalar > Yeni Ekle'ye gidebilir, arama çubuğuna " Botiga " yazıp Yükle'ye ve ardından Etkinleştir düğmelerine tıklayabilirsiniz:

Botiga temasını yükleme ve etkinleştirme

2. Botiga Pro Eklentisini Kurun ve Etkinleştirin

Botiga Pro, ücretsiz Botiga temasına ekstra işlevsellik ekleyen birinci sınıf bir WordPress eklentisidir.

Boyut çizelgeleri, ses ve video galerileri, mega menüler, önceden tasarlanmış başlangıç ​​siteleri, yapışkan sepete ekle düğmeleri ve daha fazlası dahil olmak üzere birçok etkileyici özelliğe erişmenizi sağlar.

Botiga Pro birinci sınıf bir eklenti olduğundan, onu WordPress sitenize yüklemeden önce buradan satın almanız gerekir (fiyat yılda 69 dolardan başlar).

Eklentiyi edindikten sonra, WordPress kontrol panelinize gidin ve Eklentiler > Yeni Ekle > Eklenti Yükle seçeneğine gidin.

Botiga Pro'yu yüklemek için Dosyaları Seç seçeneğini kullanın, ardından eklentiyi sitenize yüklemek için Yükle ve Etkinleştir düğmelerine tıklayın.

Ardından, lisansınızı etkinleştirmeniz gerekir. Lisans anahtarını Botiga hesabınızdan kopyalayın, ardından Botiga > Ayarlar > Genel bölümüne gidin. Eklentiyi etkinleştirmek için lisans anahtarını girin ve Değişiklikleri Kaydet düğmesine tıklayın:

Botiga Pro lisans anahtarı

3. Bir Başlangıç ​​Sitesini İçe Aktarın (isteğe bağlı)

Başlangıç ​​siteleri, WooCommerce mağazanıza aktarabileceğiniz hazır web siteleridir. Botiga Pro, çeşitli e-Ticaret nişleri için bir dizi iyi tasarlanmış, güçlü başlangıç ​​sitesi sunar.

Bir Botiga başlangıç ​​sitesini içe aktarmak isteğe bağlı olsa da ve Botiga'nın özelleştirme seçeneklerini kullanarak mağazanızı sıfırdan tasarlamaya başlamayı da seçebilseniz de, WooCommerce mağazanıza profesyonel bir görünüm kazandıracağından (bundan sonra da yapabilirsiniz) devam etmenizi öneririm. özelleştirmek).

Botiga > Başlangıç ​​Siteleri'ne giderek başlangıç ​​sitelerini kontrol edebilir ve Önizleme düğmesini kullanarak her sitenin önizlemesini yapabilirsiniz.

Beğendiğiniz bir site bulduğunuzda İçe Aktar düğmesine basın:

Botiga Pro'nun WordPress kontrol panelindeki başlangıç ​​siteleri

Bunu yapar yapmaz, demo yükleyicinin web sitenize ekleyeceği öğeleri (örn. içerik, widget'lar, Özelleştirici ayarları vb.) gösteren bir açılır pencere görüntülenir.

Öğelerden herhangi birinin seçimini kaldırma seçeneğiniz var, ancak hepsini tutmanızı tavsiye ederim.

Başlangıç ​​sitesinin tamamını (içerik, resimler vb. dahil) veya yalnızca bir yer tutucuyu (sitenin düzenini ifade eder) içe aktarmayı da seçebilirsiniz:

Bir Botiga başlangıç ​​sitesini içe aktarma

Demo yükleyicinin içe aktarma işlemini tamamlaması birkaç dakika alacaktır.

4. Modülü Etkinleştirin

Eklentiyi yükledikten ve başlangıç ​​sitesini içe aktardıktan sonra, yapışkan sepete ekle düğmelerini WooCommerce ürün sayfalarınıza eklemenin zamanı geldi.

Ürün Yapışkan Sepete Ekle özelliği varsayılan olarak devre dışıdır ve manuel olarak etkinleştirilmesi gerekir.

WordPress yönetici alanınızda Botiga > Ana Sayfa'ya gidin. Burada, Botiga Pro ile daha fazlasını yapın bölümünde Ürün Yapışkan Sepete Ekle modülünü bulacaksınız.

Etkinleştir düğmesine tıklayarak modülü etkinleştirin:

Botiga Pro'nun Yapışkan Sepete Ekle modülünü etkinleştirme

Bu kadar. Artık, ürün sayfalarınızın her birinde yapışkan bir sepete ekle WooCommerce düğmesi görebilmeniz gerekir.

Yapışkan sepete ekle düğmesi, ürün sayfasının alt kısmında, tam genişlikte bir ek içinde küçük bir küçük resim, fiyat, mevcut renkler ve ürün sayısını içeren kısa bir ürün özetinin yanında görünür. -sepet çubuğu:

WooCommerce ürün sayfasındaki sepete ekle düğmesi

5. Sepete Ekle Çubuğunu Yapılandırın

Sepete ekle çubuğunun görünümünü WordPress Özelleştirici'den özelleştirebilirsiniz.

İlgili Özelleştirici seçeneklerine Ürün Yapışkanlı Sepete Ekle modülünden ulaşabilirsiniz.

Modülün ayarlarını açmak için Botiga > Home admin sayfasındaki modülün kutusundaki Özelleştir bağlantısını tıklayın:

Modülün yönetici sayfasındaki bağlantıyı özelleştirin

Alternatif olarak, Özelleştiriciye Görünüm > Özelleştir menüsünden normal şekilde erişebilirsiniz:

WordPress yönetici alanının sol kenar çubuğundaki özelleştirici menü konumu

Özelleştirici açıldığında, mevcut tasarım ve düzen seçeneklerini kullanarak sepete ekle çubuğunu değiştirebileceğiniz WooCommerce > Tek Ürün > Yapışkan Sepete Ekle bölümüne gidin:

WordPress Özelleştirici'deki yapışkan sepete ekleme seçenekleri

Aşağıdaki seçeneklere erişebilirsiniz:

Ben. Konum: Varsayılan olarak, sepete ekle çubuğu ekranın altında görünür, ancak bu seçeneği kullanarak konumunu üste değiştirebilirsiniz.

ii. Öğeler: Yukarıda bahsedildiği gibi, sepete ekle düğmesi, ürünün küçük resmi, fiyatı, rengi ve ürün sayacı gibi bir dizi başka öğeyle birlikte görünür. Bu öğelerden herhangi birini hariç tutmak için, kaldırmak istediğiniz öğenin yanındaki göz simgesini tıklayın.

iii. Öğe Aralığı: Burada, sepete ekle çubuğundaki öğeler arasındaki yatay boşlukları tanımlayabilirsiniz.

iv. Yukarı Kaydırdığında Gizle: Bu seçenek, ziyaretçi ürün sayfasının üst kısmını görüntülediğinde sepete ekle çubuğunu gizlemenizi sağlar (çünkü orada başka bir sepete ekle düğmesi vardır).

v. Üçüncü Taraf Eklenti İçeriğine İzin Ver: Burada, Botiga'nın sepete ekle çubuğunda üçüncü taraf eklentilerden içerik göstermesini sağlayabilirsiniz.

vi. Görünürlük: Bu seçenek, düğmeyi yalnızca masaüstü cihazlarda, yalnızca mobil cihazlarda veya tüm cihazlarda göstermenizi sağlar.

Çözüm

Doğru araçlara erişiminiz olduğu sürece, WooCommerce mağazanıza yapışkan bir sepete ekle düğmesi eklemek zor bir iş değildir.

Botiga mükemmel bir ücretsiz temadır ve güçlü Botiga Pro eklentisi ile birleştiğinde size ürün sayfalarınız için şık, yapışkan sepete ekle düğmeleri de dahil olmak üzere birçok gelişmiş e-Ticaret özelliği sağlar.

Botiga Pro ile sitenize yapışkan bir sepete ekle düğmesi eklemek, Etkinleştir düğmesine basmak kadar kolaydır.

Sepete ekle çubuğunu özelleştirmek de basittir ve yaptığınız değişiklikleri gerçek zamanlı olarak görebilmeniz için canlı Özelleştiriciden yapılabilir.

WooCommerce mağazanıza yapışkan bir sepete ekle düğmesini nasıl ekleyeceğiniz hakkında herhangi bir sorunuz var mı? Aşağıdaki yorum bölümünde bize bildirin.