Favori İşletmeleriniz Büyümek için Web Sitesi Pop-up'larını Bu Şekilde Kullanıyor (ve Siz de Yapabilirsiniz!)
Yayınlanan: 2020-04-02İki tür insan vardır.
Web sitesi açılır pencerelerini sevenler ve onlardan nefret edenler.
İlk grup, web sitesi açılır pencerelerinin ne kadar gülünç derecede etkili olabileceğini biliyor. İkinci grup onları gülünç derecede sinir bozucu buluyor.
Ancak iyi bir web sitesi açılır penceresi ile kötü bir açılır pencere arasındaki gerçek fark nedir?
Yüzlercesine bakarak aşağıdaki sonuca vardık. Her şey üç şeye bağlı:
Bu pop-up'lar nasıl görünüyor?
Ne değeri veriyorlar
Tam olarak ne zaman ortaya çıkıyorlar
Demek istediğim, evet, bazı açılır pencereler can sıkıcı, iğrenç, çirkin deneyim kesintileridir.
Ama bunun nedeni yanlış şekilde kurulmuş olmalarıdır.
Örneğin, Nike web sitesindeki bu çarpıcı açılır pencereye bir göz atın:
Hiç kimse buna iğrenç veya sinir bozucu diyebilir mi?
kadar düşündüm.
Nike açılır penceresi zarif görünüyor ve değer sunuyor (indirimler kasada otomatik olarak uygulanır, evet!). Ve kesinlikle deneyimi de kesintiye uğratmaz. Eğer bir şey varsa – bu onun ayrılmaz bir parçası.
E-posta toplamak, satışları duyurmak ve harekete geçirici mesajları görüntülemek için web sitesi açılır pencerelerini başarıyla kullanan binlerce büyük, tanınmış şirket var. Örnek olarak The New York Times, Adidas, The Guardian, Century 21 veya Slack'i alın - liste uzayıp gidebilir!
Öyleyse neden en iyilerden öğrenip onların yaklaşımlarını işinizi büyütmek için uygulamıyorsunuz?
Web sitenize profesyonel görünümlü bir açılır pencere eklemek için muhtemelen bir geliştiriciye veya bu büyük şirketlerin bütçelerine ihtiyacınız olduğunu düşünüyorsunuz. Bu doğru değil.
Bu blog yazısında, size çeşitli nişlerde en tanınmış işletmeler tarafından kullanılan 15 web sitesi pop-up örneğini göstereceğiz. Ayrıca, her bir açılır pencerenin neden bu kadar etkili olduğunu size anlatacağız.
En iyi kısım? Getsitecontrol'ü kullanarak birkaç dakika içinde bunları web sitenizde tam olarak nasıl yeniden oluşturacağınızı göstereceğiz.
Gezinmenize yardımcı olmak için listeyi 3 kategoriye ayırdık. Aşağıdakilere yardımcı olan web sitesi açılır pencerelerini görmek üzeresiniz:
E-posta aboneleri edinin
Harekete geçirici mesajları göster
Herhangi bir güncellemeyi duyurun
En çok ilgilendiğiniz kategoriye atlamaktan çekinmeyin.
Markaların e-posta listeleri oluşturmasına yardımcı olan web sitesi açılır pencereleri
Herkes şu anda e-posta listelerini büyütme konusunda çıldırıyor. Ve sen de olmalısın!
Kaçırmanız durumunda, e-postanın harcanan her dolar için 44$'lık bir yatırım getirisi vardır.
İnsanların e-posta listenizde olması, onlarla doğrudan gelen kutularında buluşmak, bir ilişki geliştirmek ve onları tekrar eden müşterilere dönüştürmek için bu özel izne sahip olduğunuz anlamına gelir.
Bekle, ama bir e-posta listesini büyütmenin en iyi yolu nedir? Bahse girerim cevabı zaten biliyorsundur.
Bu web sitesi açılır pencereleri.
Adını mutlaka duyduğunuz (ve muhtemelen satın aldığınız) markaların e-posta adreslerini toplamak için pop-up'ları nasıl kullandığını görelim.
1. The New York Times mağazası – ilk siparişinizde %10 İNDİRİM
New York Times, ücretli bir abonelik çevrimiçi medyasına dönüşen ilk kişiler arasındaydı.
Bugün en çok ziyaret edilen gazete sitesi burası. Ve çeşitli amaçlar için web sitesi açılır pencerelerini kullanırlar.
Örneğin, The New York Times çevrimiçi mağazasına girer girmez görünen bu minimalist e-posta abonelik formuna bakın.
İşte bu web sitesi açılır penceresini harika yapan şey:
uyumlu tasarım
Açılır pencere, The NYT Store'un geri kalanıyla aynı renk temasına ve aynı yazı tipine sahiptir. Web sitesinin ayrılmaz, güvenilir bir parçası olarak görünür.kurşun mıknatıs
Size sadece yeni tekliflere abone olmanız teklif edilmez, ayrıca listeye katılırsanız ilk siparişiniz için %10 indirim alırsınız.Anında görünüm
Web sitesi açılır pencerelerinin bir kerede mi yoksa bir ziyaretçi bir sayfada biraz zaman geçirdikten sonra mı görünmesi gerektiği her zaman belirsizdir. Bu durumda, formu anında görüntülemek, potansiyel bir müşterinin satın alma işlemini gerçekleştirmesinden kesinlikle daha iyidir, değil mi?
Web sitenize benzer bir abonelik açılır penceresi eklemek ister misiniz?
Benzer bir abonelik formu oluşturmak için The New York Times'ın yaratıcı ruhunu takip ettik. Eylem halinde görmek için aşağıdaki web sitesi açılır penceresine tıklayın. Ardından, sayfanın sağ tarafında görünecek basit talimatları izleyin.
Canlı önizleme şablonu, doğrudan Getsitecontrol kontrol panelinize eklenecektir. Buradan, indirim yüzdesi, başlık ve renk teması gibi ayrıntıları web sitenizle mükemmel bir şekilde eşleştirmek için değiştirebileceksiniz.
Ardından, kullanabileceksiniz hedefleme Açılır pencerenin görünmesini istediğiniz sayfayı belirtmek için ayarlar.
2. Century 21 – 25$ İNDİRİM kilidini açın veya tam fiyatı ödeyin
Fiyat dışı moda perakende devi Century 21, birkaç yıl önce çevrimiçi oldu ve e-posta listesi oluşturma oyununa da adım attı. Web sitelerine vardıktan birkaç saniye sonra görüntülenen açılır pencereye bakın.
İşte bu web sitesi açılır penceresi hakkında harika olan şey:
E-posta formatı mikro kopyası
Century 21, müşterilerin doğru adresi aldığından emin olmak için bir e-posta adresinin nasıl görünmesi gerektiğini belirlemeyi seçti. Kitlelerinin çok geniş olduğunu ve teknoloji konusunda bilgili olmayan kişileri içerdiğini bilerek, bu harika bir karar.Negatif devre dışı bırakma düğmesi
Elbette, istemiyorsanız kaydolmak zorunda değilsiniz. Ama bu, tam bedeli ödemeye hazır olduğunuz anlamına gelir, değil mi? Çıkma düğmesi, teklifi reddetmeden önce iki kez düşünmenizi sağlayan küçük bir ayrıntıdır.Akıllı renk seçimi
Dikkat, bu açılır pencerenin renkleri sadece web sitesinin temasıyla ilişkili değil, aynı zamanda “Devam” düğmesi de kırmızı ile vurgulanmıştır. Bu arada devre dışı bırakma düğmesi sadece arka planla karışır.
Web siteniz için bir devre dışı bırakma düğmesi olan bir açılır pencere mi istiyorsunuz?
Bu web sitesi açılır penceresini beğendiyseniz, yeniden oluşturmak 1-2-3 kadar kolaydır. Sadece aşağıdaki şablona tıklayın ve talimatları izleyin.
Kontrol paneline geldiğinizde, İçerik Gerekirse kopyayı ve renk temasını ayarlamak için ayarlar. Century 21 örneğini takip ederek, logonuzu en üste eklemek isteyebilirsiniz.
3. Marie Claire – FOMO etkisi iş başında
Negatif devre dışı bırakma düğmelerinin yalnızca çevrimiçi mağazalarda işe yarayacağını düşünüyorsanız, tekrar düşünün.
E-posta yoluyla yüksek kaliteli içerik sunarken, insanlara abone olmamanın sonuçlarını da hatırlatabilirsiniz. Marie Claire dergisinin devre dışı bırakma düğmesinde FOMO etkisini nasıl kullandığına bir bakın.
İşte bu web sitesi açılır penceresi hakkında sevdiğimiz şey:
Negatif devre dışı bırakma düğmesi
FOMO etkisinin yanı sıra, Marie Claire'in devre dışı bırakma düğmesini nasıl bir kendini sevme ifadesine dönüştürdüğüne dikkat edin.E-posta kaydı CTA kopyası
Sadece “Abone Ol” yerine kayıt düğmesine yerleştirebileceğiniz çok sayıda teşvik edici harekete geçirici mesaj var. “Bana içinde ne olduğunu göster!” Onlardan biri.Bir görüntünün seçimi
Ve bu durumda, sadece herhangi bir görüntü değil. Çoğu okuyucunun kesinlikle tanıyacağı yetenekli bir aktris olan Saoirse Ronan'ın bir fotoğrafı.
Burada görüntü neden bu kadar önemli?
Abonelerinizin beklentileriyle uyumlu bir görsele sahip olmak, e-posta kayıt oranını artırmak için çok önemlidir. Çünkü sadece bazı saç trendlerine abone olmuyorlar. Kırmızı halıda bir Hollywood yıldızı gibi görünmenin tarifini almak için abone oluyorlar.
Bunun gibi bir web sitesi açılır penceresi isteyebileceğinizi mi düşünüyorsunuz?
Getsitecontrol açılır pencere oluşturucusu, yukarıdaki örneği kolayca yeniden oluşturmanıza yardımcı olacak bir şablona sahiptir. Aşağıda kontrol edin.
Gösterge tablonuza ekledikten sonra, görseli görselinizle kolayca değiştirebilecek veya galeriden alternatif bir resim seçebileceksiniz.
4. Adidas – e-posta aboneliği karşılığında %15 İNDİRİM kazanın
Adidas, web sitesinde biraz zaman geçirdikten sonra açılan bir açılır pencere ile yeni aboneler için %15 indirim sunuyor.
Şimdi, Adidas web sitesi açılır penceresi hakkında özellikle harika olan şey:
Alttaki mikrokopi Alakasız e-postalarla spam olma korkusunu hafifletmek için Adidas, tam olarak neye abone olduğunuzu belirtti.
Yaş onayı onay kutusu Çocukların Çevrimiçi Gizliliğini Koruma Yasası'na (COPPA) göre, her abonenin 13 yaşından büyük olduğunu onaylaması gerekir. Bu onay kutusu, pazarlama e-postaları almak için açık onay toplamak için de kullanılabilir.
Cinsiyete dayalı segmentasyon Yanıtınıza bağlı olarak Adidas, size en alakalı içeriği göndermek için daha sonra segmentasyon kurallarını uygulayacaktır. Bununla birlikte, Adidas'ın kaç tane cinsiyetten bağımsız ürün ürettiği göz önüne alındığında, bu alanı isteğe bağlı olarak ayarlamak da akıllıca olur.
Abonelik onayı Kaydolduğunuzda, ne beklemeniz gerektiğini söyleyen bir "başarılı gönderim mesajı" görürsünüz.
Buradaki alternatif bir seçenek, insanların kasada kopyalayıp yapıştırmaları için indirim kodunu görüntülemek olabilir. Bu sayede e-postalarını açmak için mağazadan ayrılmadan alışverişlerine devam edebileceklerdi.
5. Ahrefs – bir sonraki makaleyi kaçırmayın
Gelelim BT dünyasına.
Tanınmış bir SEO yazılımı geliştiricisi olan Ahrefs, bir blog gönderisinin sonuna geldiğinizde haber bültenlerine abone olmayı önermek için bu şirin slaytı kullanır.
İşte bu kadar harika olan şey:
Farklı bir biçim
Kalıcı açılır pencerelerin aksine, slaytlar daha az rahatsız edicidir ancak fark edilmek için yeterince akılda kalıcıdır. Okuma deneyimini olabildiğince sorunsuz tutmak istediğiniz içerik projeleri için mükemmel bir seçim olabilirler.Sayfa içi davranış tetikleyicisi
Form yalnızca bir blog gönderisinin sonuna geldiğinizde görünür. Katılım düzeyi yüksek olduğu için abone olmayı önermek için mükemmel bir an.FOMO ilkesi
Ahref'in uzun okumalarından birinin sonuna geldiyseniz, zevk alma şansınız yüksek. Ve bunun gibi harika bir parçayı daha kaçırmak istemezsiniz.
Web sitenize benzer bir slayt eklemek ister misiniz?
Bu abonelik formunu yeniden oluşturmak kolaydır. Web sitenize hızlı bir şekilde yükleyebilmeniz için benzer bir sağ tarafa kaydırmalı eklenti oluşturduk.
Eylem halinde görmek için widget'a tıklayın ve talimatları izleyin.
Hazır olduğunda, hedefleme Web sitenizde slaydın görünmesini istediğiniz belirli sayfaları ve ne zaman görünmesi gerektiğine ilişkin koşulları seçmek için ayarlar.
6. Ürün Avı – günlük bültene abone olun
Product Hunt, her gün harika teknoloji ürünlerinin piyasaya sürüldüğü en büyük çevrimiçi topluluklardan biridir. Web sitesini günlük olarak kontrol etmek için vakti olmayanlar, e-posta aboneliği yoluyla en önemli güncellemelerin özetlerini alabilirler.
Product Hunt, abonelik sayısını artırmak için sayfanın alt kısmında kayan bir e-posta kayıt çubuğuna sahiptir.
İşte bu abonelik formunun harika yanı:
Minimum dikkat dağınıklığı
Kayan çubuklar, tüm web sitesi açılır pencerelerinin en az rahatsız edici olanıdır. İçeriği kaydırırken web sayfasının üstünde veya altında kalırlar ve abone olmaya hazır olana kadar sabırla beklerler.Bülten sıklığı
Kopya size Product Hunt'tan tam olarak ne sıklıkta e-posta alacağınızı söyler.Otantik tasarım
Emoji ve düğme rengi, Product Hunt'ın imza unsurlarıdır. Bunları formda kullanmak harika bir karar.
Kendinize ait bir kayan e-posta kayıt çubuğu ister misiniz?
Web sitenize benzer bir widget ekleyebilir ve site genelinde veya belirli sayfalarda görüntüleyebilirsiniz. Başlamak için aşağıdaki hazır şablonu kullanın.
Şablonun kopyası ve tasarımı oldukça çok yönlüdür, bu nedenle web sitenizde olduğu gibi kullanmaktan çekinmeyin.
Harekete geçirici mesajınızı görüntülemek için web sitesi açılır pencereleri
Bir sonraki kategoriye geçme zamanı!
Şirketlerin web sitesi açılır pencerelerini kullanmasının ikinci büyük nedeni, ziyaretçileri indirim almaya, yeni bir blog gönderisine göz atmaya , bir çekilişe katılmaya – başka bir deyişle harekete geçmeye teşvik etmektir.
Gerçek hayattaki işletmelerin bunu nasıl yaptığını görelim.
7. Century 21 – gitmeden önce bir indirim alın
Century 21 çevrimiçi mağazasına göz atmaya başlarsanız, muazzam bir iradeye sahip olmanız ve her köşede sizi bekleyen özel teklifleri kapma dürtüsüne direnmeniz gerekir.
İlk olarak, 25$'lık bir İNDİRİM kuponu karşılığında abone olmanızı istiyorlar. Ardından, satın alma işlemi yapmadan ayrılmaya çalışıyorsanız, şu web sitesi açılır penceresini görürsünüz:
"Evet, Lütfen!" düğmesine tıkladığınızda, kupon kodu açılır pencerede görüntülenir. Kodu kopyalayıp kasada yapıştırabilirsiniz. Basit. Etkili.
Çıkış amacı yaklaşımının bu kadar iyi çalışmasının nedeni budur:
Dikkat garantili
Çıkmak için gezinirken gözünüzün önünde açılan bir indirim teklifini kaçırmanın hiçbir yolu yok.son çare
Çıkış amaçlı açılır pencereler, ayrılmak üzere olan insanları dönüştürmek için pratik olarak size bu eşsiz şansı verir. Elbette, her terk eden ziyaretçi yanıt vermeyecektir. Ama bazıları yapacak - ve her çaba önemlidir, değil mi?
Web sitenize çıkış amaçlı bir açılır pencere yerleştirmek ister misiniz?
Aşağıdaki şablonu inceleyin. Ziyaretçileriniz sayfadan çıkmak için gezinmeye başladığında görünecek şekilde zaten ayarlanmıştır.
Birkaç tıklamayla web sitenize yerleştirin, ardından hedefleme Açılması gereken sayfayı belirtmek için ayarlar. Örneğin, alışveriş sepetinin terk edilmesini önlemek için ürün sayfalarına, kategori sayfalarına ve hatta ödeme sırasında yerleştirmek isteyebilirsiniz.
8. Skillshare – tavsiye programı promosyonu
Çevrimiçi bir öğrenme platformu olan Skillshare, arkadaşlarınızı davet ederek ücretsiz aylarca ders kazanmanızı sağlayan bir tavsiye programı yürütüyor. Her sayfanın en üstüne yerleştirdikleri kayan çubuğa dikkat edin.
Skillshare burada ne yaptı:
zıt renk
Skillshare, koyu mavi web sitesi renk temasıyla dikkat çektiği için beyazı seçti.Yeter ki detay
Yer olmamasına rağmen, kopya, ilgilenip ilgilenmediğinize karar vermeniz için yeterli bilgi sağlar.CTA düğmesini temizle
"Arkadaşlarını davet et" düğmesi net beklentileri belirler. Ayrıntıları öğrenebileceğiniz ve yönlendirme bağlantınızı alabileceğiniz özel sayfaya götürür.
9. The New York Times – önemli güncellemeleri şimdi okuyun
Projeniz içeriğe odaklanıyorsa, blogdaki en son parçayı, seçilen konulardaki önemli güncellemeleri veya yalnızca ilgili materyalleri tanıtmak için açılır pencereleri kullanabilirsiniz.
Örneğin, The New York Times, okuyucularının dikkatini COVID-19 salgınıyla ilgili canlı güncellemelere bu şekilde çekiyordu.
Bir web sayfasının altındaki harekete geçirici mesaj çubukları, çeşitli medya kuruluşları tarafından çeşitli amaçlar için kullanılır. Benzer görünen bir açılır pencere içeren bir sonraki örneğimize göz atın.
10. The Guardian – Guardian'ı bugün destekleyin
The New York Times'ın aksine, The Guardian tüm materyallerini açık erişimde tutmayı tercih ederken, okuyucular gazeteye bir tür bağış yoluyla fon sağlamaya katılabilirler. Sayfanın altındaki bir açılır pencereyi kullanarak bu mesajı nasıl ilettiklerini görün.
Web sitenizde benzer bir açılır pencere kullanmak ister misiniz?
Mesaja vurgu yapmak istediğinizde, açıkçası, bu yapışkan çubuklar mükemmel dikkat çekicidir. Web sitenize bir tane eklemek isterseniz aşağıdaki şablona göz atın.
Getsitecontrol panosuna ekledikten sonra, İçerik sekmesini açın ve bağlantıyı istenen sayfaya yerleştirmek için düğme ayarlarını açın.
Site çapında duyurular yapmak için web sitesi açılır pencereleri
Web sitesi açılır pencerelerinin son kategorisi, ziyaretçileri harekete geçmeye teşvik etmek yerine bilgilendirmeyi amaçlar.
Kitlenizi haberler ve güncel terimlerle güncel tutmak istiyorsanız, web sitesi açılır pencereleri tam anlamıyla mükemmeldir.
Bunları, örneğin çerez izin politikası gibi, ticari operasyon değişiklikleri, mevcut teklifler veya yeni politikalar hakkında bilgi yaymak için kullanabilirsiniz.
Reebok, Tiffany, Nespresso, Intercom ve Slack'in bu tür iletişimi nasıl ele aldığına bir göz atalım.
11. Reebok – site çapında satış duyurusu
Web sitelerine giren herkesin site genelindeki satıştan haberdar olmasını sağlamak için Reebok, bir web sayfasının üst kısmına kayan bir duyuru çubuğu yerleştirdi.
Bu duyuru, web sitesi ziyaretçisinin herhangi bir işlem yapmasını gerektirmez. Bunu hoş bir sürpriz ve mağazada gezinmeye devam etme teşviki olarak düşünebilirsiniz.
12. Tiffany & Co. – ücretsiz servis hatırlatıcısı
Tiffany & Co., çevrimiçi mağaza ziyaretçilerini tüm siparişler için nakliye ve iadelerin ücretsiz olduğu konusunda şu şekilde bilgilendirir. Bir web sayfasının üst kısmında imzalı bir Tiffany mavisi kayan çubuk kullanıyorlar.
Web sitenizin teması için renk kodlarına sahipseniz, bunları açılır pencerede kullanabilirsiniz. Görünüm / CSS Tiffany'deki gibi mükemmel eşleşen bir duyuru çubuğu oluşturmak için ayarlar.
13. Nespresso – olası teslimat gecikmesi duyurusu
Son kayan çubuk örneği Nespresso web sitesine aittir. Çevrimiçi müşterilere geciken teslimat hakkında bilgi vererek uyarıda bulunuyorlar.
Yine, kayan çubuğun renginin rastgele seçilmediğini fark etmiş olabilirsiniz - aşağıdaki “Ara” düğmesiyle mükemmel bir eşleşme sağlar.
Bu web sitesi açılır pencerelerini yeniden oluşturmak ister misiniz?
Kitlenize kısa ama önemli bir mesajla ulaşmak için kayan çubuklar harikadır. Web sitenize bir tane eklemek için aşağıdaki şablona tıklamanız ve ardından kopyayı düzenlemeniz yeterlidir.
Rengi web sitenizde daha iyi görünebilecek şekilde değiştirmekten çekinmeyin. Renk teması şurada mevcuttur: Dış görünüş Getsitecontrol panosunun sekmesi.
14. Slack – çerez onay başlığı
Listemizdeki son iki örnek çerez afişleridir.
Muhtemelen bildiğiniz gibi, 2018'den itibaren, AB'den ziyaretçi alan her web sitesinin, kullanıcı verilerini izleyen çerezleri kullanmak için bilgilendirilmiş onaylarını alması gerekiyor.
Slack web sitesindeki çerez mesajı böyle görünüyor.
Slack, çerez izin politikasına bağlanan ve tıklandığında kapanan sağ taraftaki bir slayt kullanmayı seçti.
Benzerini yerleştirmek isterseniz, aşağıdaki şablonu kullanın.
Bu açılır pencereyi web sitenize olduğu gibi ekleyebilir veya Slack'in yaptığı gibi, Widget kopyasına Çerez Politikası sayfanıza bir bağlantı ekleyebilirsiniz.
15. İnterkom – çerez onayı yapışkan çubuğu
Popüler bir mesajlaşma platformu geliştiricisi olan Intercom, ziyaretçilerini çerez politikası hakkında bilgilendirmek için bir web sayfasının üst kısmında daha az rahatsız edici bir yapışkan çubuk seçti.
Bu seçeneği tercih ederseniz, devam edin ve bir çerez onay çubuğu için Getsitecontrol şablonunu kontrol etmek için burayı tıklayın.
İşletmenizi büyütmek için web sitesi açılır pencerelerini kullanmaya hazır mısınız?
Web sitesi açılır pencerelerinin işinizi büyütmenize yardımcı olup olmayacağını her zaman merak ettiyseniz - bugün öğrenmenin tam zamanı.
Neyle başlayacağınızı bilmiyor musunuz?
İşte en popüler 3 web sitesi açılır penceremiz:
e-posta abonelik formu,
çerez onay afişi,
özel teklif promosyonu.
Getsitecontrol'ü kullanarak işletmeniz için en alakalı olanı seçin (veya hepsini bir kerede web sitenize ekleyin) ve ücretsiz bir dönüş yapın.
Pazarlama uzmanlarının çevrimiçi işinizi büyütmek için kanıtlanmış taktikleri paylaştığı Getsitecontrol blogunu okuyorsunuz. Bu makale, Müşteri etkileşimi bölümünün bir parçasıdır.
Bültenimize abone olun → Icons8 ana çizimi