9 dk

Dönüşümleri Artırmak İçin 15 İlham Verici Hello Bar Örneği

Hatice Özşahan
-Published on:
May 20, 2024
-Updated on:
Sep 17, 2024

Hello barlar veya “floating bannerlar”, hem yeni hem de geri dönen ziyaretçilerin ilgisini çekerek web sitenizin dönüşümlerini artırabilir.
Güncellemeleri paylaşmak, kampanyaları tanıtmak veya potansiyel müşteri mıknatısları sunmak için kullanılırlar.
Bu kılavuzda, kendi etkili merhaba çubuğunuza ilham vermesi için ünlü markalardan çeşitli hello bar örnekleri sunulmaktadır.

Hello Bar Nedir?

Hello bar, diğer adıyla “floating bar” veya “banner bar,” bir web sayfasının üstünde veya altında görüntülenen bir kampanyadır. Kaydırma sırasında yerinde sabit kalır ve pozisyonunu korur.

Genellikle yeni veya tekrar gelen kullanıcıları karşılamak, ve ayrıca:

  • Lead magnet teklif etmek,
  • Etkinlikleri ve şirket güncellemelerini duyurmak,
  • Satış kampanyalarını tanıtmak,
  • Popüler içerikleri önermek ve daha fazlası için kullanılır.

İşte bir hello barın görünümü:

hello bar example from prose

Hello bar, popup kampanyalara harika bir alternatif olabilir çünkü hello barlar genellikle daha az müdahalecidir. İçeriği engellemezler; kullanıcılar sayfada gezinirken aynı pozisyonda kalırlar.

Bu, siteniz boyunca yüksek bir kullanıcı deneyimi sağlarken, etkileşimi ve dönüşüm oranlarını artırabileceğiniz anlamına gelir. Ayrıca, hello bar kullanmak, işletme hedeflerinize ulaşmanın harika bir yoludur, örneğin:

  • Form ve lead magnet ekleyerek e-posta listelerini büyütmek
  • Webinarlara katılımı artırmak
  • Duyurular yapmak
  • Ücretsiz kargo ve indirim teklifleri gibi teşvikler sağlamak
  • Satışları artırmak için kullanıcıları ürün sayfalarına yönlendirmek

Artık bir hello barın ne olduğunu bildiğinize göre, sizi ilham verecek bazı hello bar örneklerine (veya sticky bar örneklerine) bakalım. Ardından, kolayca nasıl oluşturabileceğinizi de göstereceğiz.

Ünlü Markalardan Hello Bar Örnekleri

1. Warby Parker'dan Hello Bar Örneği

Warby Parker'ın hello bar örneği:  “Sınırlı süre! İlk lens siparişinizde %25 indirim”

Warby Parker'dan Hello Bar Örneği

Warby Parker, dönüşümleri artırmak için aciliyeti (“Sınırlı süre!”) etkili bir şekilde kullanıyor.
Teklifin ilk satın alma işlemine özel olması, yeni müşterileri hızlı hareket etmeye teşvik ediyor ve ilk siparişleri artırıyor.
Bir araştırmaya göre, alışveriş yapanların %28,6'sı neredeyse her online alışverişlerinde bir indirim kodu arıyor.
Bu, ilk kez alışveriş yapacaklar için ayrıcalık hissi yaratmanın harika bir yoludur.

2. Taika'dan Hello Bar Örneği

Taika'nın hello bar örneği: “Taika Waititi yeni Kreatif Direktörümüzdür”

Taika'dan Hello Bar Örneği

Taika'nın hello barı, büyük bir marka güncellemesini duyurarak dikkatleri üzerine çekiyor.
Marka, Taika Waititi gibi ünlü bir figürü yeni kreatif direktörü olarak göstererek hemen ilgi uyandırıyor ve güvenilirlik oluşturuyor.
Büyük bir iç değişimi duyurmak için hello bar kullanılması akıllıca.

3. Nordstrom'dan Hello Bar Örneği

Nordstrom'un hello bar örneği: Sınırlı bir süre için, belirli bölgelerde uygun ürünlerde 2 GÜNLÜK ÜCRETSİZ KARGO! Özel Koşullara Bakın”

Nordstrom'dan Hello Bar Örneği

Nordstrom'un hello barı, ücretsiz kargonun güçlü cazibesinden akıllıca yararlanıyor.

Teklifin zamana duyarlı olması ve konuma göre hedeflenmesi, onu son derece alakalı ve harekete geçirici hale getiriyor.
Popupsmart popup yaratıcısı ile benzer bir sticky bar'ı ücretsiz olarak oluşturabilir ve web sitenizde test edebilirsiniz.

4. Bombas'tan Hello Bar Örneği

Bombas'ın hello bar örneği: “Paket İndirimleriyle %15'e Varan Tasarruf”, ”50 Dolarlık Siparişlerde Ücretsiz Standart Kargo”

Bombas'tan Hello Bar Örneği

Ücretsiz kargo en etkili dönüşüm stratejilerinden biridir ve Bombas bunu belirli bir miktarın üzerindeki satışları artırmak için akıllıca kullanır.
Bu, ortalama sipariş değerini artırmaya yardımcı olurken müşterilerin satın alma işlemlerini tamamlamak için bir teşvik almalarını sağlar.
Herkes ücretsiz kargoyu sever ve bu bir gerçek! Alışveriş yapanların %73'ü, ücretsiz kargo kapsamındaysa bir ürün satın almaya karar veriyor.
Profesyonel İpucu: Popupsmart ile merhaba çubukları oluşturuyorsanız, konuma özel ücretsiz kargo kampanyaları oluşturmak için coğrafi konum hedeflemeyi etkinleştirebilirsiniz.

ücretsiz kargo banner popup

5. Taylor Stitch'ten Hello Bar Örneği

Taylor Stitch'in hello bar örneği: “1. ALIŞVERIŞINIZDE %20 INDIRIM”, ”TEMEL ÜRÜNLERIMIZLE TEMELINIZI OLUŞTURUN”

Taylor Stitch'ten Hello Bar Örneği

Taylor Stitch'in hello bar örneği, ilk kez satın alımları net bir indirim teklifiyle teşvik ediyor ve “temelinizi oluşturun” ifadesiyle ürün yelpazesini ince bir şekilde tanıtıyor.
Bu mesaj, yeni kullanıcıları markayla yolculuklarına başlamaya teşvik etmek için mükemmel.

6. Allbirds'ten Hello Bar Örneği

Allbirds'ün hello bar örneği: “Yeni Ağaç Planörü İndi: Hafif. Havadar. Hareket Halindeki Yaşam İçin Üretildi. Erkek Alışverişi | Kadın Alışverişi ”

Allbirds'ten Hello Bar Örneği

Bu hello bar örneği, en yeni ürünleri olan Tree Glider'ı etkili bir şekilde sergiliyor ve hafif ve havadar gibi temel özelliklerini vurguluyor.
Kullanıcıların erkek veya kadın koleksiyonları için alışveriş yapmasına olanak tanıyan doğrudan harekete geçirici mesaj, kullanıcı etkileşimini artırıyor ve trafiği ilgili ürün sayfalarına yönlendiriyor.
Bu, ziyaretçileri belirli kategorilere yönlendirirken yeni ürün lansmanlarını vurgulamak isteyen markalar için harika bir merhaba çubuğu örneği.

7. Neil Patel'den Hello Bar Örneği

Neil Patel'in hello bar örneği: “Yeni Özellik: Daha iyi anahtar kelime fikirleri almak için bir rakibin alan adını yazın”

Ubersuggest kayan çubuğu

SaaS ürünlerindeki veya dijital hizmetlerdeki yeni özellikler genellikle yetersiz tanıtım nedeniyle fark edilmeyebilir. Düşünün bir. Siz ve ekibiniz yeni bir özellik geliştirmek için çok zaman harcıyorsunuz. Neden fark edilmeden kalsın?

Yeni özelliğinizi tanıtın, daha fazla kullanıcının test etmesini sağlayın ve duyurun. Bir ürün özelliğini doğru şekilde nasıl duyurursunuz? Kayan çubuklarla!

Yukarıdaki örnekten göreceğiniz gibi, Ubersuggest, kullanıcılara yeni bir özellikten haberdar etmek için bir banner çubuğu kullanıyor. Tasarımı web sitesiyle uyum sağlarken, ünlem ikonu başarılı bir şekilde dikkat çekiyor.

8. Envira Galeri'den Hello Bar Örneği

Envira Galeri'nin hello bar örneği: “Sınırlı Süreli Fırsat! Yeni Müşterilere %50'ye Varan İndirim, Şimdi Tasarruf Edin”

Envira Gallery merhaba çubuğu örneği

FOMO pazarlama stratejisinin ne kadar yaygın kullanıldığının farkında mısınız? Kısaca açıklamak gerekirse, FOMO (fırsatı kaçırma korkusu) insanların ürünü sınırlı zaman veya stok bitmeden önce almasını sağlamak için aciliyet hissi yaratmaktır.

Aciliyet yaratmanın ve satışları hızlandırmanın en iyi yolu nedir? Yapışkan bir çubuk üzerinde geri sayım sayacı kullanın!

Envira Gallery yeni müşteriler için sınırlı süreli teklifini vurgulamak için bir geri sayım sayacı kullanıyor. Envira’nın kampanyasında dikkat etmeniz gereken iki şey var:

  • Bu teklif sadece yeni müşteriler için geçerlidir.
  • Kalan süreyi gösterir.

Popupsmart ile yeni ziyaretçileri hedefleyerek sitenize ilk kez gelen ziyaretçileri yeni müşterilere dönüştürebilirsiniz. Merhaba çubuğunuza bir geri sayım sayaç widget'ı yerleştirerek insanları kampanya bitmeden önce satın almaya teşvik edin.

9. SEJ'den Hello Bar Örneği

SEJ'in hello bar örneği: “Trend: Google Search Console Zengin Sonuçlar Arama Görünümünü Kaldırıyor. Şimdi Okuyun”

Search Engine Journal yapışkan barı

Yapışkan barlar sadece satışları veya yeni özellikleri duyurmak için değil, aynı zamanda blog yazılarınızı tanıtmak için de mükemmel bir yoldur.

Search Engine Journal popüler makalelerini öne çıkararak yazının etkileşimini artırıyor. Hello barınıza net bir CTA (harekete geçirici mesaj) eklediğinizden ve "Popüler" gibi dikkat çekici kelimeler kullandığınızdan emin olun.

10. Elegant Themes'ten Hello Bar Örneği

Elegant Themes'in hello bar örneği: “Divi Her Şeyi Değiştiriyor. Bir Test Sürüşü Yapın! Daha Fazla Bilgi Edinin”

Elegant Themes selam barı örneği

Bugüne kadar incelediğimiz selam barı örnekleri genellikle özel indirim promosyonlarına odaklanmıştı. Ancak işte farklı bir yapışkan bar örneği.

Elegant Themes bu barı, ücretsiz deneme kullanıcılarının sayısını artırmak için kullanıyor. Deneme kullanımını teşvik ederek, bu kullanıcıları sonunda müşteri haline getiriyorlar. Bu, özellikle SaaS ürünleri için mükemmel bir taktiktir.

11. Goodfair'den Hello Bar Örneği

Goodfair'in hello bar örneği: “7000'DEN FAZLA 5 YILDIZLI YORUM! $75 ÜZERİ SİPARİŞLERDE ÜCRETSİZ KARGO! 100 RISKSIZ PARA IADE GARANTISI!”

Goodfair'den Hello Bar Örneği

Goodfair, güven oluşturmak için sosyal kanıttan (“7000'DEN FAZLA 5 YILDIZLI İNCELEME”) yararlanıyor ve bunu ücretsiz kargo ve para iade garantisi gibi cazip bir teklifle birleştiriyor.
Bu, değer ve güvenlik sunarak müşteri psikolojisinden yararlanan kapsamlı bir yaklaşımdır.

12. Silk & Willow'dan Hello Bar Örneği

Silk & Willow'un hello bar örneği: “Sosyal medya simgeleri” + ”YENİ Botanik Baskı İpek Kurdele koleksiyonumuza bir göz atın”

Silk & Willow'dan Hello Bar Örneği

Silk & Willow, müşterilerine gelecek koleksiyonları hakkında bir ön gösterim sunarak etkili bir şekilde beklenti ve merak yaratıyor.
Bu, bir kitlenin ilgisini çekmenin ve en yeni ürünler hakkında bilgi sahibi olmalarını sağlamanın ince ama güçlü bir yoludur.

13. GOODEE'den Hello Bar Örneği

GOODEE'nin hello bar örneği: “Haber bültenimize kaydolun ve ilk alışverişinizde %15 indirim kazanın. *Koşullar geçerlidir.”

GOODEE'den Hello Bar Örneği

GOODEE, bülten kayıtları için cazip bir indirim sunarak ziyaretçileri e-posta listelerine katılmaya teşvik ediyor.
Bu, yalnızca e-posta listelerini büyütmeye yardımcı olmakla kalmıyor, aynı zamanda ilk kez satın alanlara dönüşüm için net bir teşvik sağlıyor.

14. Bruvi'den Hello Bar Örneği

Bruvi'nin merhaba barı örneği: “Bugün Sipariş Verin, Sınırlı Miktarda Mevcuttur”

Bruvi'den Hello Bar Örneği

Bruvi'nin merhaba barı, sınırlı miktarda mevcut olduğunu vurgulayarak kıtlıktan yararlanıyor.

Bu tür mesajlar aciliyet yaratıyor ve ziyaretçileri kaçırmamak için hemen harekete geçmeye zorluyor.

15. Cowboy'dan Hello Bar Örneği

Cowboy'un hello bar örneği: “Cowboy'a yatırımcı olun. Yolculuğumuza katılın ve ödüller kazanın. Daha fazlasını öğrenin”

Cowboy'dan Hello Bar Örneği

Cowboy, merhaba barını benzersiz bir fırsatı (şirkete yatırımcı olmak) tanıtmak için kullanıyor.
Bu sadece ziyaretçilerin ilgisini yeni bir şekilde çekmekle kalmıyor, aynı zamanda markaları etrafında bir topluluk ve ayrıcalık duygusunu da teşvik ediyor.

Popupsmart ile İlgi Çekici Bir Hello Bar Nasıl Oluşturulur?

Kayıtları artırmak veya hemen dikkat çekmek mi istiyorsunuz? Basit ve ücretsiz bir popup oluşturucu olan Popupsmart'ı kullanarak son derece etkili bir Merhaba Çubuğu oluşturmak için bu adım adım kılavuzu izleyin.

Adım 1: Giriş Yapın ve Başlayın

Öncelikle Popupsmart'ın web sitesine gidin ve hesabınıza giriş yapın. Henüz yapmadıysanız, kaydolmak sadece birkaç dakika sürer.

Adım 2: Yeni Bir Kampanya Oluşturun

Kontrol paneline girdikten sonra sağ üst köşeye bakın. Başlamak için mavi + Yeni Kampanya düğmesine tıklayın. Hello Bar yolculuğunuz burada başlıyor!

Adım 3: Hello Bar Kampanyanızı Adlandırın

Kampanyanıza isim vermenizi isteyen bir açılır pencere görüntülenecektir.

“Yaz İndirimi Hello Bar” veya ‘Ücretsiz Güncellemeler için Kaydolun’ gibi alakalı ve akılda kalıcı bir şey seçin. Açılır menüden uygun alan adını seçin ve Kaydet'e basın.

Hello Bar Kampanyanızı Adlandırın

Adım 4: Hedefinizi Tanımlayın - E-posta Listenizi Büyütmek

Bir sonraki adımda, bu Hello Bar ile ne elde etmek istediğinizi seçmenin zamanı geldi. Sol taraftaki menüde, “Hedefler” altında, hedefiniz neyse onu seçin. Bu örnekte şu şekilde hareket ediyoruz: “E-posta Listenizi Büyütün”.

Adım 5: Kayan Çubuk Formatını Seçin

Kenar çubuğunun altındaki “Popup Type” bölümüne gidin ve Floating Bar'ı seçin.

Bu format, ziyaretçileri bunaltmadan Merhaba Çubuğunun net bir şekilde görünmesini sağlar.

Adım 6: Markanıza Uygun Bir Şablon Seçin

Popupsmart, Hello Bar'ınız için çeşitli özelleştirilebilir şablonlar sunar. İster minimalist ister cesur bir şey isteyin, sizin için bir seçenek var. Ayrıca şablonu istediğiniz gibi değiştirebilir veya sıfırdan bir şablon oluşturabilirsiniz.

Markanıza Uygun Bir Şablon Seçin

Adım 7: Tasarımı ve Mesajları Kişiselleştirin

Burası yaratıcılığınızın parladığı yer! Hello Bar'ı kampanyanızın mesajıyla uyumlu hale getirmek için metni düzenleyin, renkleri değiştirin, görseller ekleyin ve daha fazlasını yapın. Mesajınızın kısa ama etkili olduğundan emin olun. Örneğin, “Şimdi Katılın ve %20 İndirim Kazanın” veya “Özel Güncellemeler için Kaydolun!”

Tasarımı ve Mesajları Kişiselleştirin

Adım 8: Hedefleme Kurallarını ve Kullanıcı Davranışını Ayarlayın

Ardından, doğru ziyaretçilerin Hello Bar'ınızı doğru zamanda görmesini sağlamak isteyeceksiniz. “Segment & Hedefleme” altında, ziyaretçi cihazları (masaüstü/mobil) ve ziyaretçilerin yeni mi yoksa geri dönen mi olduğu gibi kriterleri seçin.

Çubuğun birkaç saniye sonra veya ziyaretçi çıkış niyeti gösterdiğinde gösterilmesi gibi kullanıcı davranışlarını tanımlayın. Merhaba Çubuğunuzun müdahaleci olmadan zamanında gösterildiğinden emin olun.

Hedefleme Kurallarını ve Kullanıcı Davranışını Ayarlayın

Adım 9: Merhaba Çubuğunuzu Son Haline Getirin ve Yayınlayın

Her şey mükemmel göründüğünde, Kaydet'e ve ardından Yayınla'ya tıklayın. Popupsmart size bir onay mesajı verecek ve Hello Bar'ınız web sitenizde yayına girecektir.

Sonuç

Sticky barlar ya da diğer bir adıyla floating barlar, küçük işletmelerden büyük şirkete kadar birçok web sitesinde yaygın olarak kullanılıyor. Ziyaretçilerin dikkatini çeker ve kampanyaları, ürünleri ve daha fazlasını kullanıcı deneyimini bozmadan etkili bir şekilde tanıtır.

Bu, siteniz için bir sticky bar oluşturup sonuçlarını test etmeniz gerektiğini gösteren bir işaret olabilir.

Beğeneceğiniz makaleler:

Sticky barlar hakkında söyleyeceklerimiz bu kadar. Siz denediniz mi? Düşüncelerinizi aşağıdaki yorumlarda bizimle paylaşın. 🙂