Mağazana geri sayım sayacı eklemenin en kolay yolu, sayacı bir widget aracında hazırlayıp tek satırlık kodu sitenin <head> bölümüne yapıştırmaktır. Bu yöntem Shopify, WooCommerce, WordPress ve kod eklenebilen her sitede aynı şekilde çalışır ve tema dosyalarına dokunmanı gerektirmez. Aşağıda platform platform adımları ve sayacın gerçekten işe yaraması için dikkat etmen gerekenleri bulacaksın.
Geri sayım sayacı ne işe yarar?
Geri sayım sayacı, bir kampanyanın ya da teklifin ne zaman biteceğini ziyaretçiye görsel olarak gösterir. "İndirim bitiyor" yazısı soyut kalırken "02 gün 14 saat 37 dakika" çok daha somut bir bilgidir. Ziyaretçi kararını ertelemek yerine kampanya bitmeden alışverişini tamamlamayı düşünür.
Sayaç en çok şu durumlarda işe yarar:
- Belirli bir tarihte biten indirimler (sezon sonu, Kasım indirimleri, bayram kampanyaları)
- "Bugün saat 15:00'e kadar verilen siparişler aynı gün kargoda" gibi günlük kesim saatleri
- Yeni bir ürünün ya da koleksiyonun lansman tarihi
- Sınırlı süreli ücretsiz kargo veya kupon kodu
- Webinar, canlı yayın veya etkinlik kayıtları
Unutma: Sayaç ancak gerçek bir bitiş zamanını gösterdiğinde güvenilirdir. Sayfa yenilenince baştan başlayan sayaçlar müşteriyi yanıltır ve güvenini kaybettirir.
Geri sayım sayacını wwidgets ile nasıl hazırlarsın?
Platformdan bağımsız olarak hazırlık adımları aynıdır:
- wwidgets'ta ücretsiz hesap aç. 14 günlük deneme süresinde tüm widget'ları kullanabilirsin.
- Panelde sitene ait bir kampanya oluştur.
- Widget türü olarak geri sayım sayacını seç. Sayacın altında bir buton (CTA) olsun istiyorsan CTA'lı versiyonu, sayaçla birlikte e-posta toplamak istiyorsan e-posta formlu versiyonu kullan.
- Bitiş tarihini ve saatini gir, başlığı ve buton metnini yaz. Örnek: "Kış indirimi bitiyor" ve "İndirimli ürünlere git".
- Görünümü ayarla: renkler, konum (sayfanın altı, köşesi vb.), gerekirse karanlık mod.
- Hedeflemeyi belirle: hangi sayfalarda görüneceği, kaç saniye sonra açılacağı, kaydırmada mı çıkış niyetinde mi gösterileceği, masaüstü ve mobil tercihleri ve gösterim sıklığı.
- Kampanyanın piksel kodunu kopyala. Bu kodu siteye yalnızca bir kez eklersin; sonra panelde yaptığın her değişiklik otomatik olarak sitene yansır.
Şimdi bu kodu platformuna göre nasıl ekleyeceğine bakalım.
Shopify'a geri sayım sayacı nasıl eklenir?
- Shopify yönetim panelinde Online Mağaza > Temalar bölümüne git.
- Aktif temanın yanındaki üç noktaya tıkla ve Kodu düzenle'yi seç.
- Sol taraftaki Layout klasöründe theme.liquid dosyasını aç.
- Dosyada </head> etiketini bul ve wwidgets piksel kodunu bu etiketin hemen üstüne yapıştır.
- Kaydet ve mağazanı yeni bir sekmede açarak sayacın göründüğünü kontrol et.
İpucu: Tema değiştirirsen kodu yeni temaya da eklemeyi unutma. Değişiklik yapmadan önce temanın bir kopyasını almak her zaman iyi bir alışkanlıktır.
WooCommerce ve WordPress'e geri sayım sayacı nasıl eklenir?
WordPress'te kodu <head> bölümüne eklemenin iki yaygın yolu var:
Yöntem 1: Header kodu eklentisi
- WordPress panelinde Eklentiler > Yeni Ekle bölümünden header ve footer'a kod eklemeye yarayan bir eklenti kur (bu tür eklentilerden birçok seçenek mevcut).
- Eklentinin ayarlarında "Header" ya da "<head> içine" alanını bul.
- wwidgets piksel kodunu yapıştır ve kaydet.
Yöntem 2: Tema dosyası
- Bir alt tema (child theme) kullanıyorsan header.php dosyasını aç.
- Kodu </head> etiketinin hemen üstüne ekle.
- Dosyayı kaydet.
Ana temanın dosyalarını doğrudan düzenlersen tema güncellendiğinde değişikliğin silinebilir; bu yüzden eklenti yöntemi çoğu kişi için daha güvenlidir. WooCommerce bir WordPress eklentisi olduğu için aynı adımlar geçerlidir. Sayacı yalnızca ürün veya sepet sayfalarında göstermek istiyorsan bunu kodu değiştirerek değil, wwidgets panelindeki sayfa hedeflemesiyle yaparsın.
Diğer sitelere (Wix, Magento, özel siteler) nasıl eklenir?
- Wix: Site ayarlarındaki özel kod bölümünden yeni bir kod ekle, konum olarak "head" alanını ve tüm sayfaları seç.
- Magento: Yönetim panelinde tema tasarım yapılandırmasındaki HTML head bölümüne, ek script alanına kodu yapıştır ve önbelleği temizle.
- Özel kodlanmış siteler ve diğer altyapılar: Panelin <head> alanına kod eklemeye izin veriyorsa ya da site dosyalarına erişimin varsa kodu tüm sayfalarda yüklenen ortak şablonun <head> bölümüne ekle.
Kod asenkron yüklendiği için sayfanın açılış hızını olumsuz etkilemez. Kurulumla ilgili daha ayrıntılı anlatım için başlangıç rehberine bakabilirsin.
Hangi sayaç türünü seçmelisin?
Geri sayım sayacını farklı biçimlerde gösterebilirsin. Seçim, kampanyanın kapsamına ve ziyaretçiden ne beklediğine bağlı:
| Biçim | En uygun kullanım | Örnek metin |
|---|---|---|
| Üst veya alt bar | Sitenin tamamını kapsayan kampanyalar | "Tüm ürünlerde ücretsiz kargo pazar 23:59'a kadar" |
| Popup, CTA butonlu | Belirli bir kategoriye yönlendirme | "Kış indirimi bitiyor, indirimli ürünlere göz at" |
| Popup, e-posta formlu | Lansman ve erken erişim | "Yeni koleksiyon 3 gün sonra açılıyor, ilk sen öğren" |
| Ürün sayfasına özel | Tek ürüne özel teklif | "Bu üründe %15 indirim yarın sabah bitiyor" |
Kararsızsan bar ile başla. Bar daha az rahatsız edicidir, sayfada sabit kalır ve hem masaüstünde hem mobilde sorunsuz görünür. Popup'ı ise daha güçlü bir teklif veya e-posta toplama hedefin olduğunda kullan.
Geri sayım sayacında en iyi uygulamalar nelerdir?
Gerçek bir bitiş zamanı kullan
Bu en önemli kural. Kampanya pazar gece yarısı bitiyorsa sayaç da o saate göre çalışmalı ve süre dolduğunda teklif gerçekten sona ermeli. Sahte sayaçlar müşteriyi yanıltır, güvenini kaybettirir ve tüketici mevzuatı açısından da risklidir.
Metni net yaz
"Acele et!" yerine neyin bittiğini söyle: "Tüm ürünlerde %20 indirim pazar 23:59'da bitiyor." Ziyaretçi ne kaybedeceğini tek bakışta anlamalı.
Bir sonraki adımı göster
CTA'lı sayaçta butonu ziyaretçiyi doğrudan ilgili sayfaya götürecek şekilde ayarla: indirimli ürünler kategorisi, kampanya sayfası ya da ilgili ürün. Ana sayfaya yönlendiren bir buton fırsatı boşa harcar.
Doğru yerde göster
Sitenin tamamını kapsayan kampanyalar için ince bir üst ya da alt bar iyi çalışır. Belirli bir ürüne özel teklifler için sayacı yalnızca o ürün sayfasında göster. Ödeme sayfasında dikkat dağıtacak büyük bir popup'tan kaçın.
Mobili kontrol et
Telefonda sayaç küçük ekranın büyük kısmını kaplamamalı. Mobil önizlemede butonların ve kapatma ikonunun rahatça tıklanabildiğinden emin ol. Gerekirse mobilde farklı bir konum ya da daha sade bir görünüm kullan.
Sıklığı sınırla
Aynı ziyaretçiye her sayfa geçişinde popup sayaç göstermek yorar. Popup kullanıyorsan gösterim sıklığını sınırla; bar kullanıyorsan sayfada sabit kalması yeterli.
E-posta toplamayı düşün
Lansman öncesi dönemde e-posta formlu sayaç çok işe yarar: "Yeni koleksiyon 3 gün sonra açılıyor, ilk sen haberdar ol." Böylece kampanya başladığında haber verebileceğin bir liste oluşur. Form verilerini e-posta, webhook, Slack veya Telegram gibi kanallara yönlendirebilirsin. Kişisel veri topladığın için açık rıza metnini ve aydınlatma bilgisini eklemeyi unutma.
Kampanya takvimi hazırla
Sayaçları son anda kurmak yerine yılın önemli dönemlerini önceden planla: sevgililer günü, anneler günü, okula dönüş, Kasım indirimleri ve yılbaşı gibi. Her dönem için sayacın metnini, görünümünü ve hedef sayfalarını önceden hazırlarsan kampanya başladığında tek yapman gereken widget'ı açmak olur. Böylece aceleyle yapılan yazım hataları ve yanlış bitiş saatleri gibi sorunların da önüne geçersin.
Sonuçları ölç
wwidgets panelinde sayacın gösterim, tıklama, form gönderimi, tıklama oranı ve dönüşüm oranını görebilirsin. Bir kampanyadan diğerine metin, konum ve zamanlama değiştirerek neyin en iyi çalıştığını öğrenirsin.
Sıkça sorulan sorular
Geri sayım sayacı için kodlama bilmem gerekir mi?
Hayır. Yapman gereken tek şey tek satırlık kodu bir kez <head> bölümüne yapıştırmak. Sayacın kendisini panelden, kod yazmadan hazırlarsın.
Aynı anda birden fazla sayaç kullanabilir miyim?
Teknik olarak evet; farklı sayfalar için farklı sayaçlar hazırlayabilirsin. Ancak aynı sayfada birden fazla sayaç göstermek kafa karıştırır. Her sayfada tek bir net mesaj daha iyidir.
Kampanya bitince sayaç ne olmalı?
Sayaç süresi dolduğunda kampanya da bitmeli. Widget'ı panelden kapat ya da bir sonraki gerçek kampanya için yeni tarih belirle. Süresi bitmiş bir sayacı sitede bırakmak dağınık bir görüntü yaratır.
Geri sayım sayacı, doğru kurulduğunda küçük ama etkili bir dokunuştur: Ziyaretçiye gerçek bir fırsatın ne zaman biteceğini net şekilde söyler. Bir sonraki kampanyan için ilk sayacını hazırlamak istersen ücretsiz denemeyi başlat; planları karşılaştırmak için fiyatlar sayfasına göz at.
