Ana içeriğe geç
Tasarım ve özelleştirme

Geri sayım zamanlayıcısı ekleme

Geri sayım zamanlayıcısı, paket tekliflerinizin yanında bir saat gösterir. Tam rakam bloklu veya kompakt çubuk düzeninde sabit süre, yerel gece yarısı ya da özel son tarih seçebilirsiniz. Zamanlayıcı görsel bir özelliktir: sıfıra ulaşması indirimi devre dışı bırakmaz veya müşterilerin indirimi almasını engellemez. Bir promosyonun sona ermesi gerekiyorsa indirimi ayrı olarak yönetin ve gerçek teklifinizle uyumlu ifadeler kullanın.

Geri sayım zamanlayıcısını etkinleştirin

Kompakt düzen, widget'ın üstü, 15 dakikalık süre ve zamanlayıcı önizlemesinin yanında Show message expiry davranışı seçili olan geri sayım zamanlayıcısı ayarları.
(1) Add-ons bölümünde Countdown timer seçeneğini etkinleştirin ve düzen ile konumu seçin. (2) Süreyi seçin. (3) Süre dolduğunda uygulanacak durumu ayarlayın. Bu örnekte zamanlayıcı sona erdiğinde teklif kullanılabilir durumda kalır.

Geri sayım zamanlayıcısı, paket düzenleyicisinde her paket teklifi için ayrı ayrı yapılandırılır. Bu nedenle yalnızca ilgili paketin widget'ının gösterildiği yerde görünür.

  1. Düzenlemek istediğiniz paket teklifini açın.
  2. Add-ons sekmesini açın ve Countdown timer bölümünü bulun.
  3. Countdown timer başlığının yanındaki anahtarı açın.
  4. Paketi kaydedin.

Widget'ın geri kalanında olduğu gibi, zamanlayıcının mağazada görünmesi için uygulama embed'inin veya uygulama bloğunun etkin olması ve ürünle eşleşen yayımlanmış bir paketin bulunması gerekir.

Bir düzen seçin

Countdown layout ayarı, zamanlayıcının nasıl görüneceğini belirler:

  • Full - ayrı gün, saat, dakika ve saniye rakamlarının yanı sıra isteğe bağlı bir başlık ve alt başlık içeren daha büyük bir blok.
  • Compact - Compact title alanını kullanarak kısa bir mesajı süreyle birleştiren tek satırlık, ince bir düzen.

Konumu ayarlayın

Position ayarı, zamanlayıcının nerede görüneceğini belirler:

  • Above widget - ürün sayfasında, paketin hemen üstünde.
  • Below widget - ürün sayfasında, paketin hemen altında.
  • Sticky bar (top) - tarayıcı penceresinin üst kısmına sabitlenir. Bu seçenek yalnızca Compact düzeninde kullanılabilir.

Sticky bar seçiliyken Full düzenine geçerseniz konum otomatik olarak Above widget seçeneğine döner.

Bir zamanlayıcı türü seçin

Timer type altında geri sayımın nasıl çalışacağını seçin:

  • Fixed duration - her ziyaretçi için belirlenen dakika sayısı boyunca geri sayar.
  • Ends at midnight (user's local time) - her müşterinin kendi saat dilimindeki gece yarısına kadar geri sayar ve sayfa ertesi gün yüklendiğinde yeni bir günlük son tarih belirler.
  • Custom end date - belirlediğiniz tek bir tarih ve saate kadar geri sayar.

Fixed duration

Fixed duration seçeneğini belirlediğinizde Duration değerini dakika cinsinden ayarlayın. Değer 1 ile 1440 dakika, yani 24 saat, arasında olmalıdır. Geri sayım tarayıcının yerel zamanını kullanır; bu nedenle sayfayı yenilemek ziyaretçiye güvenilir biçimde yeniden tam süre vermez. Zaten açık olan bir sayfada sıfıra ulaşılması, seçili süre dolumu davranışını uygular. Zamanlayıcının o sayfada otomatik olarak yeniden başlamasına güvenmeyin. Metninizi yayımlamadan önce hem süre dolumu durumunu hem de daha sonraki sayfa yüklemesini test edin.

Custom end date

Custom end date seçeneğini belirlediğinizde End date & time değerini seçin. Düzenleyici, alanın yanında algılanan saat dilimini gösterir. Özellikle saat dilimleri arasında ortak bir son tarih kullanmanız gerekiyorsa, ortaya çıkan geri sayımı hedef pazarlarınızda kontrol edin. Zamanlayıcı, dünya genelinde sona eren bir promosyonu uygulamak için kullanılan bir mekanizma değildir. Gösterilen son tarih geçtiğinde seçtiğiniz süre dolumu davranışı uygulanır.

Zamanlayıcı sona erdiğinde ne olacağına karar verin

Süre dolduğunda uygulanacak durumu kontrol etmek için When timer ends seçeneğini kullanın:

  • Hide timer - geri sayım kaybolur.
  • Show zeros - geri sayım görünür kalır ve sıfırda donar.
  • Show message - geri sayım, yazdığınız bir Expiry message ile değiştirilir, örneğin "Zamanlayıcı sona erdi. Teklifler kullanılabilir durumda."

Fixed duration için süre dolumu davranışı da önemlidir. Bir dakikalık testimizde mesaj, sıfıra ulaşıldıktan sonra görünür kalırken indirim sepette ve ödeme adımında çalışmaya devam etti.

{{timer}} değişkenini kullanın

Compact title alanına, canlı sürenin görünmesini istediğiniz yere {{timer}} değişkenini ekleyebilirsiniz. Örneğin:

Routine timer: {{timer}}

Uygulama, {{timer}} ifadesini devam eden geri sayımla değiştirir. Show countdown in sticky bar etkinleştirildiğinde Compact title, yapışkan sepete ekle çubuğunda da kullanılır. Bu nedenle kısa ve anlaşılır tutun. Full düzeninde başlık, alt başlık ve rakam bloklarını ayrı ayrı biçimlendirirsiniz; süreyi tek satıra gömmek yerine {{timer}} burada kullanılmaz. Widget metninde kullanabileceğiniz diğer yer tutucular için Template variables bölümüne bakın.

Zamanlayıcının stilini belirleyin

Davranış ayarlarının altında görünümü widget'ınızla uyumlu hale getirebilirsiniz:

  • Bir renk ön ayarı uygulayın veya köşe yarıçapını paketinizle eşleştirmek için Match countdown corners to main widget seçeneğini kullanın.
  • Countdown style bölümünü açarak arka planı, kapsayıcıyı, yani dolgu, kenarlık, gölge ve hizalamayı, ve metni ayarlayın. Full düzeninde başlığı, alt başlığı, rakamları ve birim etiketlerini ayrı ayrı biçimlendirebilirsiniz.

Zamanlayıcıyı Sticky bar konumuna ayarladığınızda, sabitlenmiş üst çubuğun kenarlara sıfır görünmesi daha iyi olduğundan köşeler otomatik olarak kareleştirilir. Aynı geri sayımı yüzen sepete ekle çubuğunda kullanmak için Sticky add to cart bölümüne bakın.

Sonucu kaydedin ve test edin

Zamanlayıcı süresi dolduktan sonra kozmetik çantası ürün sayfası; tekliflerin üstünde ve yüzen yapışkan çubukta süre dolumu mesajı, Buy 2 fiyatı $43.20.
(1) Her iki zamanlayıcı da süre dolumu mesajını gösterir. (2) Seçili teklif, iki Ivory Small çanta için hâlâ $43.20 tutarındadır. Yapışkan Add to cart işlemi sıfıra ulaşıldıktan sonra da çalışmaya devam etti.

İndirimi kaydedin ve indirim etkin durumdayken hedeflenen bir ürün sayfası açın. Zamanlayıcıyı masaüstünde ve mobilde kontrol edin. Hızlı bir süre dolumu testi için geçici olarak bir dakika kullanıp sıfıra ulaşmasını bekleyin, ardından amaçladığınız süreyi geri yükleyin. Süre dolumu durumunu doğrulayın ve gerçek teklif davranışını onaylamak için Add to cart ile ödeme adımını kullanın.

Örneğimizde tekliflerin üstünde 15 dakikalık kompakt bir zamanlayıcı kullanılır. Bir dakikalık test, zamanlayıcı mesajının sıfırda değiştiğini, ancak iki adet $24 değerindeki çantanın hâlâ %10 indirim aldığını doğruladı. Bu, sepette ve ödeme adımında $43.20 ürün ara toplamı oluşturdu. Kargo ayrıdır. Zamanlayıcı metninizi bu davranışla tutarlı tutun.

Bu makale faydalı oldu mu?

Geri bildiriminiz belgelerimizi geliştirmemize yardımcı olur.

Teşekkürler, bu makaleyi geliştirmeye devam edeceğiz.

Ekibimizle sohbet etmek ister misiniz? Hâlâ bir sorunuz mu var?

Hâlâ yardıma mı ihtiyacınız var?

Ekibimiz yalnızca bir tık uzağınızda. Bize mesaj gönderin, size geri dönelim.

Bu sitenin çalışmasını sürdürmek, nasıl kullanıldığını ölçmek ve sohbet widget'ımızı açtığınızda çalıştırmak için birkaç çerez kullanıyoruz. çerez politikası sayfamıza göz atın.