Yapışkan sepete ekle çubuğu ekleme

Yapışkan sepete ekle çubuğu, müşteriler ürün sayfasında gezinirken tekliflerinizi erişilebilir tutar. Çubuğun düğmesi tekliflere geri kaydırabilir veya seçilen teklifi doğrudan sepete ekleyebilir. Çubuğu, müşteriler widget'ı geçecek kadar kaydırdıktan sonra ya da sayfa yüklenir yüklenmez gösterebilirsiniz.

Yapışkan sepete ekle çubuğunu etkinleştirin

Yapışkan çubuk, paket düzenleyicide her paket için ayrı ayrı yapılandırılır.

1. Düzenlemek istediğiniz paketi açın.
2. Eklentiler sekmesini açın, ardından Yapışkan sepete ekle bölümünü genişletin.
3. Yapışkan sepete ekle başlığının yanındaki anahtarı açın.

Çubuk, bu paketin göründüğü ürün sayfalarında gösterilir. Bu nedenle paketin yayınlandığından ve widget'ınızın doğru ürünlerde gösterilecek şekilde ayarlandığından emin olun.

Düğmenin ne yapacağını seçin

Düğme eylemi için iki seçenek vardır:

• Tekliflere kaydır, müşteriyi bir teklif seçmesi için widget'a geri götürür.
• Seçilen teklifi sepete ekle, seçilen teklifi gösterir ve seçilen ürünleri, hediyeleri ve ekstralarıyla birlikte sepete ekler.

Sepete ekleme modunda çubuk, seçilen teklifteki, varyantlardaki, miktarlardaki, aboneliklerdeki ve eklentilerdeki değişiklikleri takip eder. Toplam, widget alt bilgisindeki toplamla eşleşir. Fiyatı göster, Orijinal fiyatı göster, Tasarruf rozetini göster ve Düğmenin içinde fiyatı göster seçeneklerini etkinleştirebilirsiniz.

Müşterinin hâlâ bir varyant seçmesi veya paket alanını doldurması gerekiyorsa düğme, işlemi tamamlaması için onu widget'a götürür. Hiçbir teklif seçilmediğinde seçenekleri seçmesini ister. Doğrudan eklemeyi engelleyen temalarda düğme, widget'a kaydırma eylemine geri döner. Yalnızca isteğe bağlı eklentileri bulunan indirimlerde, müşterilerin seçimlerini widget'ta yapabilmesi için tekliflere kaydır eylemi kullanılır. Bu düğme, Şimdi satın al akışı yerine normal sepet akışını kullanır.

Çubuğun ne zaman görüneceğini seçin

Çubuğu göster altında Widget görünümden çıktıktan sonra veya Her zaman, sayfa yüklenir yüklenmez seçeneğini belirleyin. Her iki seçenek de düğme eylemiyle çalışır. Mevcut çubuklar, siz değiştirmediğiniz sürece kaydırma sonrası davranışını korur.

Her zaman seçiliyken sepete ekleme modu, önceden seçtiğiniz teklifle başlar ve sonraki seçimleri takip eder. Sayfanın hiçbir teklif seçilmeden yüklenmesine izin verirseniz müşterilerin çubuk üzerinden ekleme yapabilmesi için önce bir teklif seçmesi gerekir.

Bir düzen seçin: Floating veya Fixed

Çubuğun sayfada nasıl konumlanacağını seçmek için Yapışkan çubuk düzeni seçeneğini kullanın:

• Floating - kenarlardan küçük bir boşlukla içeride duran, ortalanmış ve köşeleri yuvarlak kalan kart.
• Fixed - alt kenara sabitlenmiş, kenardan kenara uzanan tam genişlikte çubuk.

İki düzen, köşe yuvarlaklığını farklı şekilde ele alır. Fixed düzenine geçmek, çubuğun ekran kenarlarına tam oturabilmesi için köşe yarıçapını 0 yapar. Floating düzenine geçmek, yarıçap 0 ise yuvarlak köşeyi geri yükler. Köşe yarıçapını daha sonra stil kontrollerinden ince ayarlayabilirsiniz, aşağıya bakın. Ancak Fixed düzeni kare köşeli kalacak şekilde tasarlanmıştır.

Masaüstünde ve mobilde göster

Çubuğun nerede görüneceğini iki onay kutusu kontrol eder:

• Masaüstünde göster
• Mobilde göster

Her ikisi de varsayılan olarak açıktır. Örneğin yapışkan çubuğu yalnızca mobilde göstermek için bunlardan birini kapatabilirsiniz. Orijinal sepete ekle düğmesinin görünümden çıkma olasılığı mobilde daha yüksektir.

En uzun teklif başlığınızı ve fiyatınızı kullanarak gerçek mobil sayfayı kontrol edin. Dar ekranlarda çubuk, eylemin okunabilir kalması için bazı orijinal fiyat, tasarruf ve düğme fiyatı ayrıntılarını basitleştirir. Her masaüstü ayrıntısının küçük bir telefonda görünmesini beklemeyin.

Başlığı ve düğme metnini ayarlayın

Tekliflere kaydırma modunda yapışkan çubukta iki metin alanı bulunur:

• Başlık - düğmenin yanında gösterilen metindir. Şablon değişkenlerini destekler. Böylece varsayılan olan {{product_title}}, {{saved_percentage}} veya {{price_total}} gibi dinamik değerleri ekleyebilirsiniz. Bunları eklemek için alandaki değişken ekleyiciyi kullanın.
• Düğme metni - yapışkan düğmedeki etikettir. Varsayılan değer "Paketi seç" şeklindedir.

Sepete ekleme modu, seçilen teklifin başlığını gösterir ve kendi Sepete ekle düğmesi metni alanını kullanır. İki düğme metninin çevirileri ayrıdır. Bu nedenle bir moddaki ifadeyi değiştirmek diğerinin üzerine yazmaz.

Yapışkan çubuk ifadeleri altında ücretsiz hediye rozetini, tekli ve çoklu eklenti rozetlerini ve Seçenekleri seç düğmesi metnini de değiştirebilirsiniz. Gerçek sayıyı gösterebilmesi için çoklu eklentiler mesajındaki {{count}} ifadesini koruyun.

Gömülü geri sayımı ekleyin, isteğe bağlı

Geri sayımı yapışkan çubukta göster onay kutusuyla yapışkan çubuğun içinde geri sayım gösterebilirsiniz.

Bu seçenek, aynı pakette geri sayım zamanlayıcısının etkinleştirilmesini gerektirir. Geri sayım zamanlayıcısı kapalıysa onay kutusu devre dışı kalır ve seçilemez. Geri sayım zamanlayıcısını etkinleştirdikten sonra bu seçeneği açabilirsiniz.

Gömülü geri sayım, geri sayım zamanlayıcısı ayarlarındaki kısa başlığı yeniden kullanır ve stili yapışkan çubuk temasını takip eder.

Geri sayım zamanlayıcısını daha sonra kapatırsanız yapışkan çubuğun geri sayımı otomatik olarak kapatılır.

Yapışkan çubuğun stilini belirleyin

Görünümü ayarlamak için Yapışkan sepete ekle stili grubunu açın. Kontroller akordeonlarda gruplandırılmıştır:

• Arka plan - çubuk için düz renk veya gradyan.
• Kapsayıcı - kenarlık rengi, kenarlık genişliği, köşe yarıçapı, iç boşluk ve gölge.
• Başlık - metin rengi, yazı tipi boyutu ve yazı tipi kalınlığı.
• Fiyat - sepete ekleme modundaki fiyat metni stili.
• Düğme - arka plan rengi, metin rengi, yazı tipi boyutu, yazı tipi kalınlığı, iç boşluk ve köşe yarıçapı.
• Ürün görseli - görsel boyutu, köşe yarıçapı, kenarlık genişliği ve kenarlık rengi.
• Geri sayım - arka plan rengi, metin rengi, yazı tipi boyutu, yazı tipi kalınlığı ve iç boşluk. Bu grup yalnızca gömülü geri sayım açıldığında görünür.

Uyumlu bir görünümü hızlıca elde etmek için bölümün üst kısmındaki hazır renk seçiciyi kullanın. Bu seçicide ayrıca Yapışkan ATC köşelerini ana widget ile eşleştir seçeneği bulunur. Bu seçenek, çubuğun köşe yarıçapını ana paket widget'ınızla eşleştirerek ikisinin tutarlı görünmesini sağlar.

Köşe yarıçapı hakkında not

Fixed düzeninin köşe yarıçapını 0'a zorladığını unutmayın. Kapsayıcı stilinde yuvarlak bir yarıçap ayarladığınız halde köşeler hâlâ kare görünüyorsa düzenin Floating olarak ayarlandığını kontrol edin.

Kaydedin ve her iki eylemi test edin

Kaydedin, ardından indirim etkinken hedeflenen bir ürün sayfasını test edin. Kaydırma modunda teklifleri geçecek kadar kaydırın ve geri dönmek için yapışkan düğmeyi kullanın. Sepete ekleme modunda bir teklif ve varyantlar seçin, ardından yapışkan düğme üzerinden ekleyin. Sepet ve ödeme sayfasındaki miktarları, varyantları ve toplamı kontrol edin. Mobilde tekrarlayın ve kullanılamayan veya tamamlanmamış bir seçimi test edin. Çubuk, müşteriyi seçimini tamamlaması için geri götürmelidir.

Örneğimizde Buy 2, %10 indirim sonrasında 43.20 $ ürün ara toplamıyla iki Ivory Small çanta ekler. Kullanılamayan Blush Small kombinasyonunun seçilmesi, yapışkan eylemi Seçenekleri seç olarak değiştirir; kullanılabilir bir beden seçildiğinde Sepete ekle geri gelir. Geri sayım görsel olarak kalır ve sıfıra ulaştığında indirimi durdurmaz. Süre dolma davranışı için Geri sayım zamanlayıcısı bölümüne bakın.