Bülten pop-up’ı

İsteğe bağlı indirim kodlu e-posta kayıt pop-up’ı; bir süre sonra, çıkış niyetinde ya da kaydırınca açılır, sayfa yüklenirken asla. Mobilde küçük bir kart.

Kategori
Dönüşüm ve kampanyalar
Kullanım yeri
Ana sayfa, Koleksiyon, Ürün, Her sayfa
Okuduğu veri
Shopify müşteri formu
Boyut
25 KB, küçük bir betik içerir
Lisans
MIT, müşteri işlerinde ücretsiz

Kısaca

Bülten pop-up’ı, isteğe bağlı bir görsel ve indirim koduyla bülten kaydı sunan ücretsiz bir Shopify bölümüdür. Pop-up bir süre geçtikten sonra, masaüstünde imleç pencereden çıkarken ya da müşteri sayfanın bir kısmını kaydırdıktan sonra açılır; sayfa yüklenirken asla açılmaz. Shopify’ın kendi müşteri formunu kullanır; her e-posta "newsletter" ve sizin seçtiğiniz bir etiketle müşteri olarak kaydedilir. Telefonlarda tam ekran bir katman değil, ekranın altında küçük bir karttır; masaüstünde ortada bir pencere ya da köşede bir karttır. Bir düğmeyle, Esc ile ya da dışarıya tıklayınca kapanır; kapatıldıktan sonra belirlediğiniz gün sayısı kadar, kayıttan sonra ise tamamen gizli kalır ve her ziyarette en fazla bir kez görünür. İndirimin kendisi Shopify’da oluşturulur; bölüm yalnızca kodu gösterir.

Örnek içerikli demo

Ne zaman kullanılır

  • Yeni ziyaretçilere ilk siparişe özel bir kod gibi hoş geldin teklifi sunmak
  • Bir lansman ya da sezon indirimi öncesinde e-posta toplamak
  • Koleksiyon ve ürün sayfalarında çıkış niyetinde bir hatırlatma

Tema düzenleyicide

  • Başlık (H2, H3 ya da paragraf etiketi, üç boyut), metin ve masaüstü penceresi için isteğe bağlı görsel
  • Düzenlenebilir etiketi, kopyalama düğmesi ve kopyalandı mesajıyla isteğe bağlı indirim kodu
  • Shopify müşteri formu: alan etiketi, yer tutucu metin, düğme, ek müşteri etiketi, onay metni, başarı mesajı
  • Tetikleyiciler: bir süre sonra (10–120 sn), çıkış niyetinde (masaüstü) ve/veya sayfanın bir kısmı kaydırılınca
  • Kapatıldıktan sonra 1–90 gün gizli kalma; kayıttan sonra bir yıl boyunca gizli
  • Masaüstünde ortada pencere ya da köşe kartı, mobilde her zaman altta küçük bir kart; cihaza göre metin hizalaması; yalnızca masaüstünde/mobilde göster
  • Arka plan rengi ya da gradyanı, metin, vurgu, vurgu üzerindeki metin ve sayfa karartması
  • Belirme efekti (hareketin azaltılması istendiğinde kapalı)

Dosyalar

sections/lib-newsletter-popup.liquid
İndir
Kodu görün

lib-newsletter-popup.liquid dosyasını açın

Sade Liquid, CSS ve küçük bir betikle yazıldı. Uygulama da bağımlılık da yok.

Temanıza nasıl eklenir

  1. Bölüm dosyasını temanızın sections klasörüne, listelediği snippet’leri de snippets klasörüne kopyalayın.
  2. Tema düzenleyicide Add section’ı (Bölüm ekle) seçin ve adı “Lib ·” ile başlayan bölümü ekleyin.
  3. Örnek metni mağazanızın kendi metniyle değiştirin, renkleri markanıza göre ayarlayın.

Sık sorulan sorular

SEO’ya zarar verir ya da mobil müşterileri rahatsız eder mi?
Sayfa yüklenirken hiç açılmaz; ziyaretçinin aradığı içerik önce görünür. Google, özellikle mobilde, aramadan gelen ziyaretçi sayfaya girer girmez ana içeriği örten pop-up’lara karşı uyarır. 750px’in altında bu bölüm ekranın altında küçük bir karttır ve sayfa okunabilir, kullanılabilir kalır; tam ekran bir ara sayfa değildir.
E-postalar nereye gidiyor?
Shopify’ın müşteri formu üzerinden Shopify müşterilerinize; "newsletter" ve belirlediğiniz ek etiketle (varsayılan "popup") kaydedilir, böylece bu kayıtları ayırt edebilirsiniz. Ardından Shopify Email ya da müşterileri eşitleyen bir e-posta uygulamasıyla onlara e-posta gönderebilirsiniz.
İndirim kodu kendiliğinden çalışır mı?
Hayır. İndirimi Shopify’da İndirimler bölümünden oluşturun; bölüm yalnızca yazdığınız kodu bir kopyalama düğmesiyle gösterir.
Ne sıklıkla görünüyor?
Her ziyarette en fazla bir kez. Müşteri kapattıktan sonra belirlediğiniz gün sayısı (1–90) kadar uzak durur; kayıttan sonra bir yıl boyunca görünmez. Başlığı ya da kodu değiştirirseniz bu yeni bir teklif sayılır ve eskisini kapatanlara yeniden görünür. Müşterinin tarayıcısında yalnızca bu tercih saklanır, kişisel veri tutulmaz.
Erişilebilir mi?
Masaüstünde başlığıyla etiketlenmiş yerleşik bir modal penceredir: odak içine taşınır, Esc ya da kapat düğmesi onu kapatır ve odak önceki yerine döner. Mobil ve köşe kartları da Esc ile kapanır. E-posta alanının gerçek bir etiketi vardır, her kelime bir ayardır ve müşteri hareketin azaltılmasını tercih ettiğinde belirme efekti kapalıdır. JavaScript olmadan pop-up hiç görünmez, yani sayfayı asla engellemez.
Tema düzenleyicide nasıl düzenlerim?
Pop-up, bölümü tema düzenleyicide seçtiğinizde açılır, başka bir şey seçtiğinizde kapanır; düzenleyicide zamanlayıcılar çalışmaz.

Yayınlamadan önce

  • Demolardaki metinler örnek içeriktir. Yayımlamadan önce kendi mağazanızın bilgileriyle değiştirin.
  • Hareketin azaltılmasını isteyen ziyaretçilerde animasyonlar kapalıdır.
  • Her dosya burada yayımlanmadan önce Shopify Theme Check ile kontrol edilir.

Temanıza uyarlanmış bir sürüme ya da burada olmayan bir bölüme mi ihtiyacınız var? Şu sayfaya bakın: Shopify tema geliştirme.

Geliştirmek istediğiniz bir şey mi var? Gelin, birlikte konuşalım.

Aynı anda sınırlı sayıda proje alıyoruz.

Gencer KarakayaShopify mühendisi

Proje özetinizi bir mühendis okur; size e-postayla yanıt veririz.