Shopify web sitesine özel banner nasıl eklenir

Dikkat çekici bir promosyon banner’ı, online mağazalar için en etkili dönüşüm araçlarından biridir. Alışveriş yapan kişinin web sitenizi açtığında gördüğü ilk şey olduğu için net bir harekete geçirici mesaj (CTA), sepete ekleme oranlarını ve genel satışları önemli ölçüde artırabilir. İster alışveriş yapanları Black Friday indirimine yönlendirin, ister ücretsiz kargo limitlerini duyurun, ister indirim kodu karşılığında müşteri adayı toplayın, promosyon banner’ı bu işler için en iyi araçlardan biridir.

Peki neden yalnızca statik bir banner kullanasınız? Geri sayım sayacı aciliyet hissi yaratabilir, zengin medya içerikleri banner’ın etkisini artırabilir, e-posta toplama formu ise müşteri adaylarını anında kazanmanızı sağlayabilir. Ne yazık ki Shopify bunların hiçbirini eklemeyi kolaylaştırmıyor. Shopify’ın OS 2.0 temaları yerel “duyuru çubuğu” ve “görsel çubuğu” bölümleri sunuyor, ancak bunlar sayfanın üst kısmında yalnızca düz metinle; banner’da ise iki statik görsel, biraz metin ve iki düğmeyle sınırlı. 

Mobil ve masaüstü cihazlarda farklı görünen bir müşteri adayı toplama formu, geri sayım sayacı ya da video içeren bir promosyon banner’ını Shopify’a eklemek istiyorsanız, özel Liquid ve JavaScript kodu yazmadan bunu yapamazsınız. Shopify’ın yapay zeka oluşturucusu Shopify Magic, Shopify için özel bir Liquid banner’ı oluşturabilir, ancak herhangi bir destek sunmaz. Üstelik Shopify Magic’in oluşturduğu kodu anlamıyorsanız mağazanızın hızı ve erişilebilirliği olumsuz etkilenebilir. 

Bu durum, çoğu satıcıyı iki seçenekle baş başa bırakıyor: Shopify App Store’dan ücretli bir üçüncü taraf uygulaması yüklemek ya da sayfa hızınızı ve tema yapınızı koruyan, ücretsiz, hafif ve sunucusuz bir widget kullanmak. 

Şimdi bir Shopify web sitesine banner eklemenin nasıl yapıldığına bakalım.

Seçenek 1: Özel bir Shopify App Store entegrasyonu yükleyin

Mağazanıza üçüncü taraf bir banner veya pop-up uygulamasıyla Shopify duyuru çubuğu eklemek etkili bir yöntemdir, ancak bazı dezavantajları vardır. Bunlara birazdan değineceğiz.

Kurulum adımları şöyle: 

1. Shopify App Store‘a gidin ve bir banner veya pop-up uygulaması arayın. Ben Essential Announcement Bar‘ı seçtim, ancak siz beğendiğiniz herhangi bir uygulamayı seçebilirsiniz. 

2. Install (Yükle) düğmesine tıklayın. 

3. Eklentinin temel işleyişini öğrenmek için varsa tanıtım veya kurulum rehberini adım adım izleyin. 

4. Uygulama içinde banner’ınızı veya pop-up’ınızı yapılandırın. Metni, tasarımı, yerleşimi ve diğer özellikleri özelleştirebilirsiniz. İşiniz bittiğinde Publish (Yayınla) düğmesine tıklayın.

Duyuru çubuğu veya pop-up artık mağazanızda görünecek. Şimdilik her şey yolunda. 

Ancak Shopify mağazanız için yüklediğiniz her uygulama, mağaza vitrininize kendi CSS ve JavaScript kodunu ekler. Bu durum Core Web Vitals metriklerinizi etkileyebilir, sitenizin yavaş çalışmasına ve ödeme sürecinde gecikmelere yol açabilir, SEO sıralamanızı da olumsuz etkileyebilir. Tek bir uygulama eklemek nadiren sorun yaratır, ancak onlarca uygulama eklemek gerçek bir etki yaratabilir. Bir işi uygulama yüklemeden yapabiliyorsanız, gerçekten ihtiyaç duyduğunuz uygulamalar için daha fazla alan bırakmış olursunuz. 

Ayrıca Shopify’ın üçüncü taraf uygulamaları ücretli abonelik gerektirebilir. Ücretsiz sürümde büyük olasılıkla sınırlı sayıda özellik bulunur, yalnızca ayda ilk 1.500 gösterim için çalışır, filigran içerir ya da başka açılardan pek etkili olmaz. Gelişmiş özellikler istiyorsanız veya yoğun tatil trafiğini kaldırabilecek temiz, markasız bir banner arıyorsanız, genellikle aylık abonelik ücreti ödemeniz gerekir. 

Banner’ınızın ihtiyacınız olan işi yaptığından ve tüm müşterileriniz tarafından görüldüğünden emin olmak istiyor, ancak aylık ücret ödemek istemiyorsanız, daha iyi bir seçenek var. 

Seçenek 2: Ücretsiz, etkileşimli bir banner widget’ı ekleyin (önerilen)

Zengin medya, kuponlar, formlar ve geri sayım sayaçları içeren dinamik ve yüksek dönüşüm sağlayan bir banner istiyor, ancak aylık abonelik ödemek, sitenizi yavaşlatmak veya Core Web Vitals konusunda endişelenmek istemiyorsanız, en akıllı seçenek Jotform Banner Widget gibi güvenilir, barındırılan bir gömme çözümü kullanmaktır. Tüm ağır işler Shopify mağazanızın dışında gerçekleşir; böylece yüklenen bir üçüncü taraf uygulamasının hiçbir dezavantajı olmadan kusursuz ve duyarlı bir banner elde edersiniz. Shopify için en iyi ücretsiz banner widget’ıdır. 

Kurulum adımları şöyle:

1. Jotform Banner Widget sayfasına gidin ve Jotform hesabınıza giriş yapın. Hesabınız yoksa ücretsiz olarak kaydolabilirsiniz.

2. Banner’ınıza bir rozet, başlık ve açıklama ekleyin. Banner’ın tamamını tıklanabilir hale getirebilir; CTA düğmesi, geri sayım sayacı, kupon ve e-posta toplama formu gibi özellikler ekleyebilirsiniz. 

3. Banner’ınızın görünümünü ayarlamak için Style (Stil) sekmesini kullanın. Özel bir yazı tipi belirleyebilir, özel CSS kullanabilir ve Jotform markalamasını kapatabilirsiniz.

4. Banner’ınızdaki öğelerin nasıl görüneceğini kontrol etmek için Layout (Düzen) sekmesini kullanın. Ayrıca banner’ın masaüstünde, mobil cihazlarda veya her ikisinde de görünüp görünmeyeceğini belirleyebilirsiniz. 

5. Banner’ınıza bir başlık verebileceğiniz Settings (Ayarlar) sekmesine geçin. Banner’ı ayrıca etkinleştirebilir veya devre dışı bırakabilirsiniz; bu özellik, tatil indirimi banner’larını önceden hazırlamak istediğinizde işinize yarar. 

6. Publish (Yayınla) sekmesine geçin, ardından banner’ınızın gömme kodunu almak için Copy Code (Kodu Kopyala) düğmesine tıklayın. 

7. Shopify’a geri dönün. Kenar çubuğunda Online Store (Online Mağaza) seçeneğini, ardından Edit Theme (Temayı Düzenle) düğmesini seçin. 

8. Add Section (Bölüm Ekle) düğmesine, ardından Custom Liquid seçeneğine tıklayın. 

9. Gömme kodunu Custom Liquid kutusuna yapıştırın. Ardından duyuru banner’ını istediğiniz yere yerleştirebilir ve görünümünü de yapılandırabilirsiniz. 

10. İşiniz bittiğinde Save (Kaydet) düğmesine tıklayın; banner’ınız sitenizde yayına girecektir. 

Jotform Banner Widget’ın en büyük avantajı, ücretli bir abonelik veya kodlama bilgisi gerektirmeden banner üzerinde eşsiz bir görsel kontrol sağlamasıdır. Kullanımı kolay düzenleyici sayesinde banner’ın arka plan görselini özelleştirebilir, hatta bir YouTube veya Vimeo videosu bile ekleyebilirsiniz. Ayrıca CTA düğmeleri, geri sayım sayacı veya e-posta kayıt formu da ekleyebilirsiniz; hem de hiçbir ücret ödemeden.

Shopify için özel banner’ınızı yüklemek üzere gömme kodunu kopyalayıp Shopify’a yapıştırmanız yeterlidir. Jotform banner’ı sunucu dışında oluşturduğu için Shopify’ın genel site stilleriyle çakışmaz ve sayfa yüklenme hızınızı etkilemez. Böylece kampanyalarınızın sorunsuz ilerlemesini sağlayacak güçlü bir banner elde edersiniz. 

Shopify mağazanızı akıllı, sunucusuz widget’larla güçlendirin

Jotform Website Widgets dizini, ücretsiz web sitesi widget’larıyla dolu ve bunların arasında Jotform Banner Widget da yer alıyor. Jotform widget’larıyla Instagram akışı widget’ınız ürününüzün kullanımda nasıl göründüğünü gösterebilir, kullanıcı görüşleri ürününüzün ne kadar popüler olduğunu vurgulayabilir, satış bildirimleri her satışı öne çıkarabilir ve beden tablosu müşterilerinizin kendilerine uygun ürünü bulmasına yardımcı olabilir. Pek çok ücretsiz araç daha, mağazanızı hızlı yüklenen ve hafif tutarken sepete ekleme dönüşümlerinizi en üst düzeye çıkarabilir.

Jotform Website Widgets, Shopify’da satış yapmanın zahmetini bir ölçüde ortadan kaldırarak zamanınızı ve bütçenizi harika ürünler bulmaya, online pazarlama yürütmeye ve başarılı bir e-ticaret mağazası kurmaya ayırmanıza olanak tanır. Bir ürün sayfasındaki basit bir banner için ödeme yapmanıza gerek yok. 

Shopify ile daha fazlasını yapmak istiyorsanız tam kapsamlı Jotform + Shopify entegrasyonuna göz atın. Bu entegrasyonla Shopify mağazanıza form ekleyebilir, ödeme alabilir ve çok daha fazlasını yapabilirsiniz.