Satış Artırma Bölümleri
Bunlar Vertex'te dönüşüm odaklı bölümlerdir — aciliyet ipuçları, tanıtım yüzeyleri, modal akışları, paket blokları. Hiçbiri üçüncü taraf bir uygulama gerektirmez. Hepsi Shopify Theme Store politikasına uyar (kalıcı istek listeleri yok, izleme betikleri yok, ortaklık bağlantıları yok).
Çok fazla aciliyet ipucunu yığın ve birbirlerini iptal ederler. Düşük stok sayacının yanında bir geri sayım, tanıtım açılır penceresinin yanında çaresiz diye bağırır. Kampanyanıza uyanı seçin, ona yaslanın ve döndürün.
promo-banner
Bölüm dosyası: sections/promo-banner.liquid
Kapatılabilir üst banner — genellikle site genelinde bir indirim, ücretsiz kargo eşiği veya mevsimsel bir kampanyayı tanıtmak için kullanılır. Duyuru çubuğundan (her zaman açık krom) farklıdır; tanıtım bannerı kampanya odaklı ve kapatılabilirdir.
Ayarlar
| Ayar | Tür | Notlar |
|---|---|---|
| Metin | Zengin metin | Kısa değer mesajı — "Bahar İndirimi · 1.000 dolar üzeri siparişlerde %15 indirim". |
| Arka plan rengi | Renk | Yüksek kontrastlı bir vurgu seçin — amber, kırmızı-turuncu, teal vb. |
| Bağlantı URL'si | URL | Banner için tıklama hedefi (tüm bant tıklanabilir). |
| Bağlantı etiketi | Metin | Satır içi CTA — "İndirime göz at →". |
| Kapatılabilir | Onay kutusu | Varsayılan açık. × kapat düğmesi + localStorage kalıcılığı ekler. |
| Konum | Seçim | above_header (varsayılan) · below_header. Başlığın üstü daha acil okunur; başlığın altı daha çok banner gibi okunur. |
Kapatılabilirlik
Kapatılabilir açıkken, × düğmesi localStorage'a bir vertex_promo_dismissed:{section-id} anahtarı yazar. Banner, ziyaretçi site verilerini temizleyene kadar — veya bölümü farklı bir kimlikle yeniden yayınlayana kadar gizli kalır.
Yeni bir kampanya için kapatılmış bir tanıtımı yeniden yüzeye çıkarmak istiyorsanız, bölüm kimliğini değiştirin (özelleştiricide bölümü silin + yeniden ekleyin). Eski localStorage anahtarı artık eşleşmeyecek ve banner herkes için yeniden görünecektir.
promo-popup
Bölüm dosyası: sections/promo-popup.liquid
Görüntü, başlık, gövde ve CTA içeren otomatik açılan modal. Ziyaretçilerin her sayfa yüklemesinde görmemesi için yapılandırılabilir tetikleyici ve çerez tabanlı tempo.
Ayarlar
| Ayar | Tür | Notlar |
|---|---|---|
| Başlık | Metin | "Abone olun ve %10 indirim kazanın" / "Bekleyin — ücretsiz örnek kitini alın". |
| Gövde | Zengin metin | Kısa güvence + değer önermesi. |
| Görüntü | Görüntü | Yan oluşturulmuş illüstrasyon (veya tam akışlı arka plan). |
| CTA etiketi | Metin | "Kayıt ol" / "Kiti al". |
| CTA URL | URL | Form sayfası veya ürün. |
| Tetikleyici | Seçim | immediate · on_scroll (sayfanın %50'sini kaydırdıktan sonra) · exit_intent (fare ayrılma algılama). |
| Gecikme saniye | Sayı | Yalnızca tetikleyici immediate olduğunda kullanılır. Varsayılan 5. |
| Çerez süresi gün | Sayı | Varsayılan 7. Kapatan veya dönüşen ziyaretçiler N gün boyunca yeniden görmeyecek. |
Tetikleyiciler açıklandı
| Tetikleyici | En uygun olduğu durum | UX değerlendirmesi |
|---|---|---|
| Hemen (gecikmeli) | Bülten kayıtları, ilk kez gelen ziyaretçi teklifleri | En müdahaleci — minimum 5–10s gecikme kullanın |
| Kaydırmada (%50) | İlgi sinyali — yalnızca ziyaretçi kaydırdıktan sonra ateşlenir, ilgi sinyali verir | Dönüşüm + UX'in en iyi dengesi |
| Çıkış niyeti | Son şans teklifleri, terk kurtarma | Yalnızca masaüstü — çıkış niyeti mobilde güvenilir şekilde ateşlenmez |
Çerez anahtarı vertex_promo_popup:{section-id}'dir. Modal, çerez süresi dolana kadar yeniden açılmaz.
countdown
Bölüm dosyası: sections/countdown.liquid
Gün / saat / dakika / saniye sayacı. JS aracılığıyla canlı sayma, başlangıç durumu için sunucu tarafından oluşturulmuş (flash yok).
Ayarlar
| Ayar | Tür | Notlar |
|---|---|---|
| Başlık | Metin | "Bahar indirimi şu sürede bitiyor". |
| Bitiş tarihi | Tarih seçici | Son kullanma tarihi + saati. Satıcının mağaza saat diliminde saklanır. |
| Süresi dolmuş metni | Metin | Sayaç sıfıra ulaştığında sayacı değiştirir. "İndirim sona erdi". |
| Bağlantı URL'si | URL | Sayacın altında isteğe bağlı CTA. |
| Bağlantı etiketi | Metin | "Şimdi alışveriş yap". |
| Renk şeması | Seçim | Standart renk şeması açılır menüsü. |
Nasıl sayar
assets/countdown.js zamanlayıcıyı her saniye güncelleyen bir requestAnimationFrame döngüsü çalıştırır. Hedef zamana ulaşıldığında, sayaç Süresi dolmuş metni ile değiştirilir. Bağlantı/CTA son kullanma süresinden sonra gizlenir.
Sahte geri sayımlar (sürekli 24 saat, sayfa yenilemesinde sıfırlanır) güveni yok eder. Bitiş tarihi'ni gerçek bir kampanya sonuna bağlayın ve bölümün son kullanma durumuyla ilgilenmesine izin verin.
featured-bundles
Bölüm dosyası: sections/featured-bundles.liquid
Görüntü, başlık, indirim rozeti ve ATC içeren özenle seçilmiş paket kartları. Her blok bir pakettir (genellikle yöneticinizde bir Shopify Paketi olarak yapılandırılmış 2–5 SKU paketleyen bir ana üründür).
Blok başına ayarlar
| Ayar | Tür | Notlar |
|---|---|---|
| Ürün | Ürün seçici | Paket ana ürünü. |
| Paket etiketi | Metin | Ürün başlığını geçersiz kıl — "Başlangıç MRO Kiti". |
| İndirim metni | Metin | Görüntü üzerinde kaplı rozet — "%15 Tasarruf" / "2'nin fiyatına 3". |
| Açıklama | Zengin metin | Başlığın altında kısa değer önermesi. |
Bölüm ayarları
- Başlık — "Paketleyin ve tasarruf edin"
- Sütunlar — 2 / 3 / 4
- Fiyatı göster — anahtar (oturum açma gerektiren fiyatlandırmaya uyar)
İndirim rozeti stilizasyonu
İndirim metni, görüntünün sağ üst köşesinin üzerinde dairesel bir pill olarak oluşur. Vurgu renkleri kullanın (amber, kırmızı-turuncu, teal) — rozet, paket görselini bunaltmayacak kadar küçüktür.
Stok sayacı (düşük stok göstergesi)
Snippet: snippets/stock-counter.liquid (main-product içinde bir blok olarak oluşturulur)
Zaten Ürün Sayfası'nda ele alınmıştır. Yalnızca envanterini takip ettiğiniz varyantlar için görünür ve stok düşük stok eşiğine (10 birim) ulaştığında "Yalnızca N kaldı" uyarısına geçer. Eşik 10'a sabit kodlanmıştır — bir tema ayarı değildir. Tam envanteri rakiplere açıklamadan aciliyet tetikler.
Durumlar:
- 10'dan fazla stokta: "Stokta"
- 10 veya altında: "Yalnızca 4 kaldı"
- Sipariş edilebilir (sıfır, satışa devam ayarlı): "Back-ordered — ships in 7–10 days"
- Tükendi (sıfır, sipariş edilemez): "Tükendi" (stoğa girdiğinde haberdar et formu ile)
Stoğa girdiğinde haberdar et uyarısı
Snippet: snippets/back-in-stock.liquid (main-product içinde tükenen varyantlar üzerinde otomatik oluşturulur)
Ön sipariş etkin olmadığında tükenen varyantlarda görünen e-posta katılım formu. Yerel — üçüncü taraf uygulaması yok.
Nasıl çalışır
- Alıcı tükenmiş bir varyantı seçer
- ATC, bir e-posta girişi + Haberdar et düğmesi ile değiştirilir
- Gönderildikten sonra, alıcının e-postası bir
back_in_stock:{product_id}:{variant_id}etiketi ile Shopify müşteri listesine yazılır - Varyantı yeniden stoklayıp yeniden yayınladığınızda, müşterileri o etikete göre filtreleyebilir ve bir kampanya gönderebilirsiniz
Satıcının yapması gereken
- Shopify yöneticisinde
back_in_stock:{product_id}:*etiketi ile filtrelenmiş bir müşteri segmenti oluşturun - Yeniden stokladığınızda, Shopify Email veya ESP'niz aracılığıyla o segmente manuel bir kampanya gönderin
Vertex katılımı yakalar. Yeniden stoklama e-postasını göndermek manuel bir adımdır — Shopify, bir uygulama olmadan tema kodundan yerel bir "yeniden stoklamada otomatik e-posta" kancası göstermez. Ödün, tam Theme Store politikası uyumu + sıfır aylık maliyettir.
Hızlı görüntüleme modalı
Varlık: assets/quick-view.js + snippets/quick-view-button.liquid
Ürün kartlarındaki Hızlı görüntüleme düğmesi tarafından tetiklenir. Koleksiyon sayfasından ayrılmadan ürün galerisi, varyant seçici, miktar girişi ve ATC ile bir modal açar.
Modalda ne oluşur
- Çoklu görüntü galerisi (mobilde kaydırma ile)
- Başlık + fiyat (oturum açma gerektiren fiyatlandırma + B2B katalog fiyatına uyar)
- Varyant seçici
- Miktar girişi (MOQ / maks / kasa paketi uygulama ile)
- ATC düğmesi
- PDP'ye "Tam ayrıntıları görüntüle →" bağlantısı
Ayarlar (ürün kartında / koleksiyon bölümlerinde)
- Hızlı görüntüleme düğmesini göster — anahtar (bölüm başına:
featured-collection,collection-list, arama sonuçları, ilgili ürünler) - Hızlı görüntüleme düğmesi etiketi — metin (varsayılan "Hızlı görüntüleme")
Ne zaman etkinleştir / devre dışı bırak
| Kullanım durumu | Öneri |
|---|---|
| Alıcıların varyantları hızla karşılaştırdığı yüksek hacimli katalog | Etkinleştir — "20 ürüne göz at, 3 ekle" akışını hızlandırır |
| Alıcıların karar vermeden önce veri sayfaları + teknik özelliklere ihtiyaç duyduğu yüksek teknik katalog | Devre dışı bırak — hızlı görüntüleme teknik özellikleri veya belgeleri yüzeye çıkarmaz; PDP'ye tıklamayı zorla |
Ne zaman ne kullanılır
| Hedef | Bölüm |
|---|---|
| Site genelinde bir kampanyaya dikkat çekme | promo-banner |
| E-posta yakala + ilk kez gelen indirim sun | promo-popup |
| Sert son kullanma tarihi ile zaman sınırlı teklif | countdown |
| Özenle seçilmiş çoklu ürün tekliflerini öne çıkar | featured-bundles |
| Tam envanteri açıklamadan PDP'de aciliyet | Stok sayacı |
| Tükenen öğeler için talep yakala | Stoğa girdiğinde haberdar et uyarısı |
| Koleksiyon sayfası → ATC akışında sürtünmeyi azalt | Hızlı görüntüleme |
Sırada ne var
- Ürün sayfası bölümleri → — Stok sayacı + stoğa girdiğinde haberdar et tam olarak PDP'de
- Ana sayfa pazarlaması → — Ana sayfada tanıtım bannerlarını nereye bırakacağınız
- Bulucu bölümleri → — Marka/Model/Yıl + Marka/Kategori/Kapasite bulucuları
- Tema ayarları referansı → — Renk şemaları, düzen ve ürün sayfası anahtarları