Bu madde web sitesi öğesini anlatır; havuzda, gölde ya da teknede kullanılan şişme yüzen barları değil.
Bir web sitesinde floating bar kullanmak, kampanyaları kullanıcıları rahatsız etmeden tanıtmayı sağlar. Floating bar'ları ‘popup/açılır pencere’ olarak adlandırsak da, bazı işlevsel farklılıkları vardır.
Floating bar'lar, aynı zamanda hello bar'lar olarak da bilinir, bir web sayfasının alt veya üst kısmına yapışır ve yukarı ve aşağı kaydırıldığında yerinde kalır. Öte yandan, genel anlamda açılır pencereler ekranda "açılan" pencerelerdir.
Diğer açılır pencere türleri gibi, örneğin sidebar açılır pencere ve tam ekran açılır pencere gibi, floating bar'lar da müşterileri dönüşüme (bilgi sağlama, abone olma, satın alma vb.) yönlendiren istenen eylemi gerçekleştirmeye teşvik eder.
Neden Floating Bar Açılır Pencere Kullanmalısınız?
Floating bar, ziyaretçiden bir açılır pencerenin istediğinden daha azını ister. İşte bunun önemli olmasının nedenleri:
Rahat ve Göze Batmaz
Popup istemeyen ziyaretçi onu hızla kapatır: Popupsmart ile çalışan popup'larda 2026 karşılaştırma verimiz, popup'ı kapatan ziyaretçilerin %71'inin bunu popup göründükten sonraki 5 saniye içinde yaptığını ölçtü. Bu oran yalnızca bar'ları değil, tüm popup biçimlerini kapsıyor. Floating bar ise ziyaretçiyi bu seçime zorlamaz; sayfa çevresinde kullanılabilir kalır ve bar geleneksel açılır pencereler gibi göze batmaz.
Açılır pencere tasarımınızın doğru olduğundan emin olmak için Açılır Pencere UX Tasarımı hakkındaki makalemize göz atın.
Geleneksel açılır pencereler tüm sayfayı işgal eder ve kullanıcı etkileşimini engellerken, floating bar açılır pencereler, ziyaretçinin web sayfasındaki etkileşimini kesintiye uğratmadığından kullanıcı deneyimine zarar vermez.
Daha Fazla Etkileşim Sağlar
Floating bar'lar, yapışkan notlar gibi çalışır. Web sayfasına yapışırlar ve ziyaretçileri harekete geçmeleri için hatırlatır veya dikkatlerini bir kampanyaya çekerler. Ancak floating bar'lar ziyaretçilerin dikkatini çekerken içerik ile kullanıcı arasına girmez.
Bu nedenle, floating bar'lar veya başka bir deyişle hello bar'lar, ziyaretçilerin bir web sitesiyle etkileşimde bulunmasını engellemeden nazikçe yerlerinde kalır. Buradaki etkileşim, bar'ın ekranda kalıp kampanyayı hatırlatmasıdır; bar'ın daha fazla tıklama ya da dönüşüm getirdiğini ölçmüş değiliz.
Floating Bar Kullanım Alanları
Floating bar'lar daha fazla dönüşüm hedefleyen neredeyse her kampanya için uygulanabilir. İşte floating bar kullanım örnekleri:
- Floating bar'lar, e-posta listelerini büyütmenin daha kolay bir yolunu sunar.
- Floating bar açılır pencereleri veya "hello" bar'lar, ziyaretçileri karşılar.
- Duyurular ve yaklaşan etkinlikler için idealdirler.
- Ürün veya hizmet tanıtımı için kullanılabilirler.
- Daha fazla ziyaretçinin indirimleri, fırsatları ve kupon kodlarını görmesini sağlarlar.
Örnek alabileceğiniz tasarımlar için şu duyuru çubuğu örneklerine göz atın.
Popupsmart, floating bar'ları modal popup'lar, slide-in'ler ve tam ekran katmanlarla birlikte oluşturur; popup şablonları da kampanya hedefine göre düzenlenmiştir. Açılır pencere oluşturucu Popupsmart ile ücretsiz olarak floating bar oluşturabilirsiniz.
Floating bar ne zaman popup'tan daha iyi bir seçimdir?
Mesajın bir karar gerektirmeden görülmesi yeterli olduğunda. Ziyaretçinin görmesi ama durup üzerinde düşünmesi gerekmeyen haberler için bar, teklif evet ya da hayır cevabı gerektirdiğinde lightbox kullanırım.
| Biçim | Nerede durur | Sayfayı engeller mi? | En uygun olduğu durum |
|---|---|---|---|
| Floating bar | Üst veya alt kenar | Hayır | Ücretsiz kargo sınırı, indirim bitiş tarihi, çerez veya yasal bildirim, bir duyuru |
| Lightbox popup | Ortada, sayfa karartılmış | Evet, kapatılana kadar | Tam dikkat isteyen bir potansiyel müşteri teklifi |
| Slide-in (sidebar popup) | Bir köşe veya kenar | Kısmen | İçeriğin yanında ikinci bir teklif |
Popup Dönüşüm Karşılaştırma Raporu 2026, bar'a özgü bir dönüşüm oranı verecek kadar floating bar kampanyası içermiyor; bu yüzden bu seçim tasarıma dayanıyor.
Floating bar üstte mi durmalı, altta mı?
Masaüstünde üst kenar iyi çalışır: bar ilk okunan şey olur ve sayfanın kendi butonlarıyla yarışmaz. Telefonda iş daha zor; popup gösterimlerinin çoğu da orada gerçekleşiyor.
Telefonda her kenarın bir bedeli var:
- Alt: buton başparmağa yakın durur, ama bar bir mağazanın sabit "sepete ekle" butonunu kapatabilir; bazı mobil tarayıcılar da kendi araç çubuğunu bu kenara yerleştirir.
- Üst: bar bu butonlardan uzak kalır, ama sabit bir başlığın (sticky header) üstüne biner ve ilk ekrandan bir dilim alır.
Bir ürün sayfasında önce telefondaki alt kenara bakarım: orada sabit bir "sepete ekle" butonu varsa bar üste gider. Popupsmart kampanyaları cihaza göre hedefler; böylece telefon sürümü diğer kenarda ayrı bir kampanya olarak çalışabilir.
Floating bar SEO'ya veya erişilebilirliğe zarar verir mi?
Bar ince kaldıkça SEO açısından sorun olmaz. Google'ın araya giren geçiş reklamları ve iletişim kutularına ilişkin rehberi şöyle diyor: "tam sayfa geçiş reklamları yerine ekranın yalnızca küçük bir kısmını kaplayan banner'lar kullanın."
Bar'lar asıl erişilebilirlikte hata yapar. WCAG 2.2'nin Focus Not Obscured (Minimum) kriteri, sabit üst ve alt bilgi alanlarını (sticky header ve footer), klavye kullanıcısının Tab tuşuyla geldiği öğeyi kapatabilecek içerikler arasında sayar. Sabit bir bildirim o öğeyi tamamen gizlerse kriteri karşılamaz; W3C'nin önerdiği çözümler arasında, banner'ın diğer içeriğin üstüne binmemesi için kaydırma dolgusu (scroll padding) da var.
Kimsenin harekete geçmesi gerekmeyen bir kargo bildirimi bile olsa her bar'a görünür bir kapatma kontrolü koyarım, çünkü telefonda bar her ekranın bir kısmını kaplar.