Pop-up'lar ortalama %11,09 dönüşüm oranı sağlar.
Bununla birlikte, açılır pencerelerinizi nasıl tasarladığınız, projelendirdiğiniz, derlediğiniz ve konumlandırdığınız, ne kadar iyi dönüşüm sağladıkları konusunda büyük bir söz sahibi olacaktır.
Örneğin, yakın zamanda yapılan bir pop-up araştırmasına göre, en yüksek performans gösteren ilk %10 pop-up ortalama %42,35 dönüşüm oranı göstermiştir.
Peki, pop-up'larınızın bu kadar mükemmel dönüşüm oranları sunmasını nasıl sağlayabilirsiniz? 🧐
Peki pop-up tasarımlarınızın keyifli bir müşteri deneyimi sunmasını ve müşterileri rahatsız etmek yerine etkileşimlerini artırmasını nasıl sağlarsınız?
Bu makalede, bu soruların yanıtlarını araştırıyor ve pop-up dönüşüm oranlarınızı dönüştürmenize yardımcı olacak bir pop-up tasarımı için en iyi uygulamaları öğreniyoruz.
Önemli açıklama: Bu kılavuzda bahsedilen bazı araçların gururlu bağlı kuruluşlarıyız. Bir satış ortağı bağlantısına tıklarsanız ve daha sonra bir satın alma işlemi yaparsanız, size hiçbir ek ücret ödemeden küçük bir komisyon kazanacağız (fazladan hiçbir şey ödemezsiniz). Daha fazla bilgi için satış ortaklığı açıklamamızı okuyun.
Açılır pencere bir Grafik Kullanıcı Arayüzü (GUI) alanıdır, esasen siz bir web sitesinde gezinirken beliren küçük bir penceredir.
Şirketler reklam yapmak, potansiyel müşteri oluşturmak, e-posta toplamak, satışları artırmak, potansiyel müşterilerle iletişim kurmak vb. için farklı pop-up türleri kullanabilir.
Bir müşteri veya ziyaretçi web sitenizde belirli bir eylem gerçekleştirdiğinde görüntüleyebilmenin yanı sıra belirli hedefleme ve yeniden hedefleme için bunları dahil edebildiğiniz için şüphesiz en çok yönlü dönüşüm optimizasyon araçlarından biridir.
Başlıca Açılır Pencere Türleri Şunlardır:
- Işık Kutusu
- Kanca/Kaydırmalı
- Bar
- Giriş
- Çıkış
- Zamanlanmış
- Kaydırma
- Tıklayın
Bu açılır pencere türlerini daha ayrıntılı olarak hızlıca gözden geçirelim:
Işık Kutusu Açılır Pencereleri
Lightbox açılır penceresi, o anda göz atmakta olduğunuz web sayfasının üstünde görünen bir web formudur.
Bu açılır pencere göründüğünde, arka planındaki web sayfası kararır ve açılır pencerede bulunan web formu vurgulanır.
Bu tür açılır pencereler en yaygın olarak e-posta adreslerini yakalamak için kullanılır ve her türlü CTA'yı görüntülemenize izin vererek çeşitli işlevler sunar.
Kanca/Sürgülü Açılır Pencereler
Kanca veya Kaydırmalı açılır pencereler ziyaretçinin penceresinin köşesinde görünür.
Genel tarama deneyimi kesintiye uğramaz ve istediğiniz bilgileri veya CTA'yı görüntüleyebilirsiniz.
Bu açılır pencereler, ziyaretçilerinizin web sayfanızı okuma veya gezinme biçimlerini etkilemeden onlara kibar bir mesaj iletmek istediğinizde en iyi sonucu verir. Kanca veya kayan açılır pencerelerde net CTA'lar sunabilir ve kancanızı mükemmel bir zamanda göstermek için tetikleyici kontrolleri ve hedefleme koşullarını ayarlayabilirsiniz.
Bar Açılır Pencereleri
Yüzen çubuklar veya yüzen çubuk açılır pencereleri olarak da adlandırılan bunlar, ziyaretçinin görüntüleme penceresinin üstünde veya altında bir çubuk olarak görünür.
Bu açılır pencereler konumlarına kilitli kalır ve ziyaretçiler web sayfanızda gezinirken görünür kalır.
Ziyaretçilerinizi rahatsız etmeden kayıt ve satışları artıran web sitesi açılır pencereleri oluşturmak istiyorsanız, bu seçeneklerden biridir.
Giriş Açılır Pencereleri
Giriş açılır pencereleri, bir müşteri sayfanıza gelir gelmez yüklenir.
Kullanıcıların web sayfası içeriğini görmesini engeller ve kapatılması için ziyaretçilerin uygun bir tıklama yapmasını gerektirir.
Bu açılır pencerelerin ziyaretçilere sunduğu bazı yaygın seçenekler şunlardır:
- Markanızla dönüşüm sağlama
- Web sitesi sayfasını kontrol etmek için açılır kutuyu kapatma
- Ziyaretçilerinizin yapmasını istediğiniz belirli bir olay veya eylem için bir seçenek belirleme
Sürekli müşteriler veya sık ziyaretçiler bunu rahatsız edici bulabileceğinden, ziyaretçi deneyiminin kesintiye uğramayacağı şekilde açılır pencere zamanlamaları ayarlayabilirsiniz.
Öte yandan, giriş açılır pencereleri, içeriğinizi düzenli olarak görmek için abone olmak isteyen ziyaretçiler gibi dönüşüm için gelen motive ziyaretçiler için son derece etkilidir.
Çıkış Açılır Pencereleri
Çıkış Açılır Penceresiveya Exit Intent PopupÇıkış Niyeti Açılır Penceresi web sayfanızdan ayrılmak üzere olan ziyaretçileri yeniden hedeflemenin veya yeniden etkileşim kurmanın mükemmel bir yoludur.
Tüm ziyaretçiler için gösterilebileceği gibi, bir CTA'ya tıklamadan veya istenen süre boyunca orada kalmadan web sayfanızdan ayrılmaya çalışan ziyaretçiler için de tutulabilir.
Çıkış amaçlı açılır pencereler mobil ziyaretçiler için de çalıştığından, akıllı telefonlardan gelen web sitesi trafiğinizi hedeflemenize olanak tanır.
Markalar bu çıkış amaçlı pop-up'ları kullanarak e-posta listelerinde %900'lük bir artışa tanık oldukları için oldukça etkilidirler.
Zamanlanmış Açılır Pencereler
Zamanlanmış açılır pencereler, bir ziyaretçi web sitenizde belirli bir süre geçirdiğinde web sitesinde görünür.
Bunlar, web sitenizde belirli bir süre kalan motive olmuş ziyaretçilere potansiyel müşteri oluşturma tekliflerinizi gösterdikleri için daha çok potansiyel müşteri odaklı açılır pencerelerden biridir.
Zamanlanmış açılır pencerelerin küçük bir tetikleme süresi olsa da, açılır pencere zamanlamasını da seçiminize göre ayarlayabilirsiniz.
Kaydırmalı Açılır Pencereler
Kaydırma açılır pencereleri, ziyaretçilerinize ancak web sayfanızla bir şekilde etkileşime girdikten sonra gösterilir.
Yani, bunlar yalnızca web sayfanıza ilgi gösteren ziyaretçilere gösterilen hedefli açılır pencerelerdir.
Bu açılır pencereler hemen çıkma oranını azaltır ve ziyaretçi bağlılığını artırmada önemli bir rol oynar. e-Ticaret perakendecileri ve yayıncıları, bu açılır pencereler aracılığıyla daha iyi ziyaretçi etkileşimi deneyimleri elde edebilecekleri için ideal kullanım alanlarıdır.
Kaydırmalı açılır pencereler, ziyaretçileriniz için harika bir kullanıcı deneyimi sunmayı da kolaylaştırır.
Tıklama Açılır Pencereleri
Bir tıklama açılır penceresi, yalnızca bir ziyaretçi kampanyanızdaki bir metne veya resme tıkladığında etkinleştirilir. Ziyaretçiler kampanyanıza yanıt olarak harekete geçtiğinde, teklif görünür ve web sitenizle yeniden etkileşime geçerler.
Tıklama açılır pencereleri ayrıca yüksek bir dönüşüm oranı gösterir ve tekliflerinize ilgi gösteren ziyaretçileri hedefleyerek doğrudan web sitenizin trafiğinden nitelikli potansiyel müşteriler elde etmenize yardımcı olur.
Markaya veya etkinliğe özel çeşitli bilgileri müşterilerinize sunmanın yanı sıra, pop-up'lar aynı zamanda bir pazarlama yardımcısı sunar ve doğrudan web sayfalarınızdan dönüşümlerinizi artırır.
Ayrıca, sosyal medya gibi çeşitli platformlar ve kanallar aracılığıyla işletmenizin teklifleriyle etkileşime geçmelerini teşvik etmek için bunları ilk kez gelen ziyaretçilerinize gösterebilirsiniz.
Hatta bunları ziyaretçilere web sitesine girerken veya çıkarken göstererek onları yeniden hedefleyebilir ya da müşteri etkileşimini daha da artırmak için haftalık bültenler halinde gönderebilirsiniz.
Yeni ziyaretçilerin yalnızca %0,25'i satın alma işlemi gerçekleştirirken, onları tekrar ziyaret etmeye teşvik ettiğinizde satın alma şansları dokuz kat artar, böylece ziyaretçilerinizi potansiyel müşterilere dönüştürebilirsiniz.
Pop-up kullanmanın diğer bazı faydalarına hızlıca göz atalım.
Sosyal medya, müşteri katılımı, hizmet, satış ve 360 derecelik müşteri deneyimlerinin kolaylaştırıcısı olarak çok önemli bir itici güç haline geliyor.
Müşterilerinizle posta veya metin gibi standart iletişim kanallarına kıyasla daha derin ve daha duygusal bir düzeyde etkileşim kurabilirsiniz.
Ziyaretçilerinize sosyal medya etkileşim pop-up'ları göstererek onları çeşitli sosyal medya platformlarında markanızla etkileşime geçmeye teşvik edebilirsiniz.
Onlara sosyal medya takipçilerinize zaman zaman etkileyici ve ilgi çekici içerik lerin nasıl sunulduğunu gösterebilir veya daha fazla harika içerik, teklif, fırsat vb. almak için sosyal medya topluluğunuza katılmalarını isteyebilirsiniz.
Açılır pencereler, müşterilerinize son derece ilgi çekici ve hedefe yönelik CTA veya bilgiler göstermenize olanak tanır:
- Bugün için her şeyde Ücretsiz Kargo!
- İlk 200 müşteriye ücretsiz kargo!
- İndirim, Ev İhtiyaçları kategorisinde yayında. İşte promosyon kodunuz...
Bu açılır pencereler yüksek bir dönüşüm oranına sahiptir ve doğrudan ziyaretçilerin satın alma niyetine hitap eder.
Bu açılır pencereler, erişiminizi genişletmenize yardımcı olmanın yanı sıra, web sitenizin hemen çıkma oranını artırmadan e-posta listenizi büyütmek için açılır kayıt formları göstermenize olanak tanır.
E-posta listelerini büyütmek, işletmelerin e-posta açılır pencerelerini kullanmasının en yaygın nedenlerinden biridir.
E-posta adreslerini toplamak için pop-up'ları kullanmanın bir başka yolu da, içlerinde ücretsiz eşantiyonlar için bir bağlantı sunmaktır:
- Un manual gratuito sobre las mejores tácticas de marketing para 2023
- Correo electrónico üzerinden pazarlama anketinin son raporunu indirmek için kayıt olun
- Arşivinizi bandeja de entrada'nıza gönderiyoruz. Elektronik posta adresinizi buraya girin.
Pop-up anketler, müşteri tabanınızda hızlı bir nabız yoklaması yapmanın ve pazara yönelik içgörüler toplamanın harika bir yoludur.
Açılır anketler kısa, doğrudan ve çok fazla zaman tüketmiyor.
Ayrıca, ziyaretçiler sadece ankete katılmak için bir bağlantıya tıklamak ve bir kayıt formu göndermek yerine, bir açılır pencerede ankete katılmaya ve anketi tamamlamaya daha meyillidir.
Daha sonra, açılır pencereler için bazı iş kullanım durumlarını tartışıyoruz.
İnsanlar fırsatları sever ve indirim kodlarını hem ilk kez gelen ziyaretçilere hem de tekrar gelen ziyaretçilere proaktif olarak gösterdiğinizde kendilerini daha da özel hissederler.
Kendilerini ne kadar özel hissederlerse, satın alma olasılıkları o kadar artar ve satış hedeflerinize ulaş maya o kadar yaklaşırsınız.
Özel teklifler açılır pencerelerini bu kadar harika yapan şey, bunları aşağıda gösterilen gibi özel indirimler ve teklifler göstererek marka bilinirliğini artırmak için kullanabilmenizdir:
Alışveriş sepetinin terk edilmesi bir perakendecinin en büyük kabusudur.
Müşteri web sitenizde zaman geçirmiş, ürünlerinize göz atmış ve hatta bunları sepete koymuştur ve şimdi, son kilometreden hemen önce, ayrılmaktadır. Çıkış açılır pencerelerini kullanarak, aşağıda gösterildiği gibi, bir müşteri tarafından terk edilmeden önce doldurulmuş alışveriş sepetlerine etkili bir şekilde hitap edebilirsiniz:
Ayrıca, açılır pencerelerde özel bir fırsat veya teklif sergileyerek müşterileri satın alma işlemini tamamlamaya ikna edebilirsiniz.
Bu açılır pencereleri daha ikna edici hale getirmek için, açılır pencere mesajını müşteri demografisine ve sepet değerine göre kişiselleştirebilirsiniz.
Potansiyel müşteri yakalama, web sitesi ziyaretçilerini indirim kodu, şablon, kontrol listesi vb. gibi ilgili bir teşvik karşılığında e-posta adresi, iletişim bilgileri vb. gibi iletişim bilgilerini paylaşmaya teşvik eder.
İstatistikler, ikinci bir adımı olan pop-up'larda abonelerin %76 oranında daha fazla bilgi paylaştığını göstermektedir.
Bu şekilde, ziyaretçilerin bilgilerini alabilir, onları satış huninize ekleyebilir ve dönüşüme doğru itebilirsiniz.
Daha önce de belirtildiği gibi, pop-up anketler müşteri memnuniyetinin genel durumu hakkında güvenilir bilgiler toplamanıza ve memnuniyet seviyelerini çözmenize olanak tanır.
Pop-up anketleri başka birçok amaç için kullanabilirsiniz, örneğin:
- Potansiyel müşteri yetiştirme kampanyalarının ultra kişiselleştirilmesi
- CRM'inizi değerli ve güvenilir anket verileriyle zenginleştirin
- Üst satış fırsatlarını belirleyin
- Ölçülen algılanan ürün yatırım getirisi
- Müşteri adayı kalitesini ölçün
Aşağıdaki örneğe göz atın:
Artık pop-up'ların önemli ve faydalı olduğunu anladığımıza göre, "ne zaman" kısmını inceleyelim ve bir pop-up kullanmanın en iyi yolunu ve en iyi zamanını bulalım.
Ziyaretçi pencerenizde bir açılır pencere görüntülemek için doğru zamanı analiz etmeniz ve belirlemeniz gerekir ve iş tekliflerinin türü de buna karar vermede büyük rol oynar.
Açılır pencereleri sunmak için doğru "zamanı" seçmenize yardımcı olacak bazı profesyonel ipuçları aşağıda paylaşılmıştır:
- Satış gibi hemen harekete geçilmesi gereken etkinlikleriniz ve el kitapları, e-kitaplar vb. gibi tanıtılması gereken ücretsiz ürünleriniz varsa, giriş açılır pencereleri harikadır.
- Dikkat çekmeyen ancak ilgi çekici bir açılır pencere açmak istiyorsanız, ziyaretin ilk 35 saniyesi içinde kanca açılır pencereleri aracılığıyla indirimler, özel teklifler ve fırsatlar görüntüleyebilirsiniz.
- İyi zamanlanmış açılır pencereler, ziyaretçilerinizi anında satın almaya ikna etmenize ve kayıp satışları yakalamanıza yardımcı olabilir.
- Genel ziyaretçi deneyimini artırmak ve web sitenizdeki müşteri deneyiminin mevcut durumu hakkında bilgi edinmek istiyorsanız, pop-up anketler en iyi seçeneğinizdir.
- Bir sayfadaki ziyaretçi etkileşimini keşfedin ve web sayfalarınızda geçirdikleri ortalama süreyi analiz edin
Son olarak, aşağıda gösterildiği gibi, açılır pencereleriniz için zaman tetikleyicisine karar verirken ziyaretçi davranışını da göz önünde bulundurabilirsiniz:
Sırada, açılır pencere dönüşümlerinin bir diğer önemli yönü olan açılır pencere tasarımları var.
Popup tasarımları, popup dönüşümlerinde çok önemlidir, çünkü çekici, temiz ve sezgisel tasarımlar daha yüksek tıklamaları ve dönüşümleri teşvik eder.
Web siteleriniz için yüksek dönüşüm sağlayan pop-up'lar tasarlamaya yönelik en iyi 16 uygulamayı okuyun.
Artık pop-up reklamların işletmenize sağlayabileceği tüm faydaların tamamen farkındayız. Ancak, işinizin henüz bitmediğini söylemek için buradayız.
Pop-up'lardan en iyi şekilde yararlanmak için onları mümkün olduğunca etkili olacak şekilde tasarlamanız gerekir.
Kullanıcıları potansiyel müşterilere ve hatta müşterilere dönüştürmede son derece etkili olmaları için pop-up'lar oluşturmanın birkaç yolunu burada bulabilirsiniz:
- Popup İçeriğini Alakalı Tutun ☝️
- Önemli Bilgileri Vurgulayın 🔥
- Popup Tasarımını Web Sitenizle Eşleştirin 🧑💻
- Renk Blokları Ve Arka Planlar Kullanın 🎨
- Pop-Up Duyarlı Olduğundan Emin Olun 👀
- Açılır Pencereyi Kişiselleştirin 🤩
- Bir Popup = Bir Mesaj ❗️
- Giriş Alanlarını Minimumda Tutun 😅
- Farklı Şekiller Ve Yazı Tipleri Ile Yaratıcı Olun 🧑🎨
- Basit Bir Çıkış Seçeneği Ekleyin 👋
- Tasarımınızı Göz Alıcı Hale Getirin 👁️
- Kopyanızı Mükemmelleştirin 📋
- Her Zaman Bir Harekete Geçme Çağrısı Ekleyin 📢
- A/B Testi Gerçekleştirin 📊
- Zamanlamayı Doğru Yapın Ve Kullanıcı Deneyimini Asla Kesmeyin ⏰
- Renk Kontrastı Arkadaşınızdır 🌈
Pop-up'lar küçük pencerelerdir ve uzun bir içerik parçası değildir. Bu nedenle, ilgili içeriği bu küçük pencereye kolay bir dille eklediğinizden emin olun.
Ayrıca, alaka düzeyinden bahsettiğimizde, açılır pencerenin kendisinin ziyaretçileriniz ve web sitenizle alakalı olduğundan emin olmalısınız.
Aynı renk paletini takip ederek, marka renklerini kullanarak ve ziyaretçilerin kafasını karıştırmak yerine onlara rehberlik etmesini sağlayarak açılır pencereleri web sitenizle alakalı tutmaya çalışın.
Bir web sayfasında alakasız içerik veya alakasız açılır pencere yayınlamak, ziyaretçiler bununla ilişki kuramayacağı için neredeyse hiç dönüşüm sağlamayacaktır.
Düşük dönüşüm oranlarıyla, onlardan en iyi değeri elde edemezsiniz.
Açılır pencereleriniz çok az kelime içereceğinden, kolay, doğrudan ve net ifadeleri tercih edin. Ayrıca, tasarım öğeleri, izleyicinin odak noktasını korumak için "can alıcı noktanın" vurgulanmasını sağlamalıdır.
Önemli bilgileri vurgulamanın farklı renk seçenekleri veya yazı tipi stilleri gibi çeşitli yolları vardır.
Açılır pencereler için izleyici etkileşim süresi çok kısadır. Bu kısa zaman dilimi içinde operatif kelimeleri göremezlerse, pop-up'lar onların ilgisini çekmekte başarısız olacaktır.
Bu nedenle, ilgi çekici ve etkili açılır pencereler oluşturmak için her zaman önemli bilgileri vurgulayın.
Örneğin, açılır pencereniz alışveriş sepetinin terk edilmesine odaklanıyorsa, şöyle bir şey görünmelidir:
Açılır penceredeki kupon kodunun aynı zamanda alışveriş sepetini terk etmeyi nasıl ele aldığını ve tüm temanın müşterinin web sayfasından çıkmasını "durdurmakla" ilgili olduğunu görün.
Başka bir örnek için, alışveriş sepetinin terk edilmesini mükemmel bir şekilde ele alan bu ilgi çekici alışveriş sepetini terk etme açılır penceresine bir göz atın:
Pop-up tasarımlarını web sitenizin tasarımıyla eşleştirmek, ziyaretçinin dikkatini çekmenizi ve dönüşüm için daha fazla fırsat yaratmanızı sağlar.
Bağlı kalacağınız kapsamlı bir marka kitine ve marka kimliğine sahip olduğunuzdan emin olmanız gerekir.
En iyi uygulama, aşağıdaki resimde gösterildiği gibi, markaya odaklanmayı sürdürürken CTA ince bir şekilde vurgulamaktır:
Takip edebileceğiniz bir diğer önemli ipucu da açılır pencere bilgilerini önceliklendirmek için görsel bir hiyerarşi tercih etmek ve ziyaretçilerin dikkatini çekmek için ilgi çekici görsel ler eklemektir.
Bu, pop-up tasarımınıza daha temiz bir görünüm kazandırmanın yanı sıra, güvenilirliğini de sağlayacak ve ziyaretçileriniz üzerinde olumlu bir izlenim yaratmanıza yardımcı olacaktır.
Arka plan görsellerine sahip olmak açılır pencerelerinizi daha dikkat çekici hale getirip ürünlerinizi daha iyi sergilerken, özellikle açılır pencereleriniz hafif bir tasarıma sahip olduğunda bazen metnin okunmasını zorlaştırabilir.
Bunun nedeni, bazen metin renginin arka plan görüntüleriyle çakışması veya birleşmesi ve ziyaretçilerinizin genel etkiyle boğuşmak zorunda kalmasıdır.
Bazen az gerçekten çoktur.
Bu nedenle, daha iyi görünürlük sağlamak ve pop-up metninizi arka plan görüntüsüne karşı vurgulamak için renk bloklarını tercih etmenizi öneririz.
Arka plan renginin kullanılan arka plan resmine genel bir tamamlayıcı etki sağladığı aşağıdaki resimde iyi bir örnek gösterilmektedir:
Cep telefonları internette gezinme, çevrimiçi alışveriş ve genel internet tüketimi alanlarında giderek daha yaygın hale geliyor.
Bu nedenle, açılır pencereleri birden fazla cihazda duyarlı tutmak bir zorunluluktur.
Bunu göz ardı ederseniz, ziyaretçilerinizin oturumlarını bir açılır pencere ile kesintiye uğrattığınız için sadece kaşlarını çatmakla kalmazsınız, aynı zamanda yanıt vermeyen bir pencere nedeniyle web sitenizi terk etmeyi de tercih edebilirler.
Ayrıca, dokunmatik hedefe dikkat etmek ve aşağıda gösterildiği gibi mobil web sayfasının ana içeriğini kapatmaktan kaçınmak önemlidir:
Kişiselleştirme müşteri başarısının anahtarıdır ve söz konusu pop-up'lar olduğunda, kişiselleştirme aynı zamanda daha yüksek dönüşümlerin de anahtarıdır.
Açılır pencerelerde kişiselleştirme, aşağıdakiler gibi çeşitli yollarla gerçekleştirilebilir:
- Ziyaretçi adlarını ekleme
- Ziyaretçilerin cihazlarına göre farklı mesajların görüntülenmesi
- Ziyaretçileri oturum açma durumlarına göre hedefleme
- Ziyaretçinin web sayfalarınızdaki etkinliğine göre gerçekleri, rakamları ve CTA'ları görüntüleme
Açılır pencere, ziyaretçilerinize göndermek istediğiniz kısa ve son derece hedefli bir mesajdır. Tek bir pencerede birden fazla güncel görevi ileterek bunu bir deneme haline getirmeyin.
Küçük bir açılır pencerede bilgi ve çok sayıda kelime toplamak, görüntüleme deneyimini düşürecek ve ziyaretçilerin kafasını karıştıracaktır.
Pop-up başına yalnızca bir güçlü CTA düğmesi paylaşmak pop-up kalitesini yüksek tutacak ve ziyaretçileriniz de doğrudan ve net bir mesaj alacaktır.
Açılır pencerenize daha fazla içerik eklemek istiyorsanız, açılır pencereyi bölümlere ayırmayı tercih edin, ancak yalnızca 1 CTA ekleyin.
Bununla birlikte, aşağıda gösterildiği gibi, açılır pencere sarıcısının daha büyük payı CTA'ya gitmelidir:
Ziyaretçilerinizin ilgisini çekmek ve onlardan mümkün olduğunca fazla bilgi toplamak isteyebilirsiniz, ancak bu pop-up tasarımını hantal hale getirir ve tüm pop-up konseptini geçersiz kılar.
İstatistikler, bir açılır pencereye eklenen her giriş alanı için dönüşüm oranının %50 düştüğünü bildiriyor ve bunu istemezsiniz, değil mi?
Böylece, e-posta adresi gibi tek bir önemli bilgiyi toplayabilir ve ardından müşteri adayı dönüştürme çabalarınızda ilerlemek için bundan yararlanmaya başlayabilirsiniz.
Bu, birden fazla giriş alanına ihtiyaç duyduğunuz etkileşim tabanlı açılır pencereleri hedeflediğinizde büyük önem kazanır.
Uyulması gereken bu kadar çok yönerge ve kural varken, kendinizi biraz kısıtlanmış hissediyor olabilirsiniz.
Öyleyse, pop-up'larınızla yaratıcı olabileceğiniz bir alanı tanıyalım - şekiller ve yazı tipleri.
Deneysel şekiller ve yazı tipleri kullanarak açılır pencerelerinizin görsel tasarımını geliştirebilirsiniz.
Açılır pencerelerinizin her zaman sıradan şekillere ve aynı eski kenarlıklara sahip olması gerekmez. Aşağıda gösterildiği gibi farklı şekillerde açılır pencereler deneyebilirsiniz:
Bu yaratıcı ve deneysel açılır pencereler, ziyaretçilerin dikkatini çekmenin yanı sıra, açılır pencerelerinize biraz eğlence ve mizah katmanıza da olanak tanır.
Pop-up çıkışları basit ve kolay anlaşılır hale getirmek, görsellerine odaklanmak kadar önemlidir.
Bazı yaygın en iyi uygulamalar şunlardır:
- Sağ üst köşede bir haç işareti
- Açılır pencerenin üst veya alt kenarlığında çapraz işaret
- Bir çıkış eylem düğmesi
Açılır pencerelerinizde basit bir çıkış seçeneği yoksa, ziyaretçilerinizin kafası karışabilir ve bu karışıklık ortamında web sitenizi terk edebilirler.
Çıkması zor pop-up'larla oluşturdukları ilk izlenim, dolandırılmak üzere olduklarıdır!
Bu nedenle, aşağıdaki resimde gösterildiği gibi, etkili açılır pencereler oluşturmak için kolay, basit ve açıkça görülebilen çıkış seçenekleri eklemek önemlidir:
Açılır pencere tasarımlarınız arka planla uyum sağlamamalıdır. Sizinkinin öne çıkmasını sağlamak için en son tasarım trendlerini takip etmenizi (ve bunlara uymanızı) öneririz.
Ziyaretçilerin dikkatini çekmek için genel görsel tasarım öne çıkmalıdır.
Göz alıcı bir açılır pencereye sahip olmak, kaydırma açılır penceresi veya kanca açılır penceresi olsa bile ziyaretçilerin dikkatini çek ecektir.
Bu nokta, bu tür çubuk ve kanca açılır pencerelerinin web sayfası tasarımıyla harmanlanmasının kolay olduğu mobil cihazlar için büyük önem taşır. Bununla birlikte, açılır pencerenin müdahaleci görünmediğinden veya ziyaretçilerin gezinme deneyimini bozmadığından emin olmalısınız.
Örneğin, aşağıdaki görselde göz alıcı ve yüksek dönüşüm sağlayan bir pop-up tasarımı gösterilmektedir:
Bu da parlak renklerle göz alıcı bir pop-up oluşturmak için "ne yapılmaması gerektiğini" gösteriyor:
Bir pop-up oluşturduktan ve tasarım öğelerini tamamladıktan sonra, pop-up'ı çalışanlarınız ve personeliniz gibi küçük bir testçi havuzunda test ettiğinizden emin olun.
Onlara iki seçenek sunun ve hangisinin daha çok ilgilerini çektiğini öğrenin.
Renk paleti, görsel tasarım ve neden beğendiklerine meyilli hissettiklerine ilişkin girdilerini dikkate alın.
Geri bildirimleri topladıktan sonra pop-up metninizde değişiklikler yapın ve ardından mükemmel pop-up'ları yayına alın.
Etkili açılır pencereler oluşturma ve tasarlama konusunda uzmanlık kazanmak, deneyim ve bu deneyimsel öğrenmeden kaynaklanan kademeli bir anlayış gerektirir. Bu nedenle, becerilerinizi geliştirmeye çalışın veya Picreel gibi bazı akıllı ve yaratıcı popup oluşturuculara yatırım yapın.
Ziyaretçilerinize gösterecek bir şeyiniz yoksa veya aklınızda istediğiniz bir eylem yoksa, onların gezinme deneyimini kesintiye uğratmanın hiçbir amacı yoktur.
CTA'lar bir açılır penceredeki eylem düğmelerinden biridir, diğeri ise çıkış düğmesidir.
Harekete geçirici mesaj düğmesi, pop-up içeriği aracılığıyla verdiğiniz sözü yineler ve ziyaretçilere zorlayıcı bir seçenek sunar.
Bu nedenle, CTA düğmesi için doğru dili kullanmak için de biraz çaba sarf etmelisiniz - kısa ama etkili - bu pop-up'ın satış gibi ana iş hedefini hedeflemesinde olduğu gibi:
Aşağıda gösterilen açılır pencere ise tüm odağı CTA'ya verirken aynı zamanda kolay bir çıkış da sunuyor:
A/B testine bölünmüş test de denir ve en iyi pop-up üreticileri bu seçeneği dahili bir özellik olarak sunar.
Bu testte, açılır pencere tasarımınızın yalnızca tek bir öğesini değiştirir ve ardından yayınlarsınız. Test mantığı, web sitenizin trafiğini otomatik olarak eşit şekilde böler ve ayrıca daha iyi seçeneği seçmenize yardımcı olmak için dönüşüm analizi verilerini toplar.
A/B testi, görsel tasarımlarınızı web sitenizin trafiğine göre test ettiğiniz için etkili pop-up oluşturmanın en güvenilir tekniklerinden biridir.
Açılır pencere zamanlamalarını yönetmek zordur, özellikle de müşterilerinizi rahatsız etmeden görüntülemek istediğinizde. Ekran alanı bir dizüstü bilgisayara kıyasla daha küçük olduğundan, mobil açılır pencereler söz konusu olduğunda riskler daha yüksektir.
Açılır pencereleri çok erken gösterirseniz, ziyaretçilerin web sitenizden çıkma riskini alırsınız ve çok geç gösterirseniz, bu "açılır pencere" etkisini yaratamayabilirsiniz.
Web sitenizden istediklerini çoktan almış olabilirler ya da bir teklifin cazibesine kapılamayacak kadar oturuma dalmış olabilirler. Bu nedenle, zamanlamayı doğru yapmak önemlidir.
Bu zamanlamayı doğru yapmak için profesyonel düzeyde bazı ipuçları aşağıdaki gibidir:
- Açılır pencerenizin içeriğini ve amacını, çıkış açılır pencerelerini, oturum açma açılır pencerelerini, satış CTA'larını vb. kontrol edin.
- Ziyaretçi etkileşimini tahmin etmek için sayfa görüntüleme sayısını kontrol edin
- Belirli bir sayfa kaydırma miktarından veya bir ziyaretçinin web sitenizde geçirdiği belirli bir süreden sonra açılır pencereleri gösterin
Renk kontrastları metninizi ve eylemlerinizi vurgulamanıza yardımcı olur, ancak bir tasarımcı değilseniz, doğru renk kontrastını elde etmek göz korkutucu bir görev haline gelebilir.
Bazı iyi ipuçları şunlardır:
- Açılır pencerenin tamamında aynı renk paletini kullanmaktan kaçının.
- Tek bir renge sahip olmak istiyorsanız, vurgulayıcı bir etki yaratmak için bu rengin degradelerini tercih edin.
- Arka plan renginiz kontrast renk seçeneklerinin sınırlı olacağı şekildeyse, renk blokları gibi efektleri tercih edin ve daha iyi bir etki yaratmak için CTA'ları kontrastta tutun.
Renk kontrastına iyi bir örnek aşağıda gösterilmiştir:
Bu tasarım stratejilerini nasıl kullanacağınızı anlamanıza yardımcı olmak için, çok çeşitli sektörlerden bazı mükemmel pop-up örneklerini paylaşıyoruz.
Kapsamlı bir okuma yapın ve etkili pop-up'lar oluşturmak için ne gerektiğini öğrenin.
Burada, markanız için başvurabileceğiniz ve ilham alabileceğiniz bazı yüksek dönüşümlü pop-up tasarım örneklerini paylaştık.
Ayrıca her bir örneğin benzersiz satış noktalarını (USP'ler) vurguluyoruz.
Bu örnekler, farklı kitlelere ve tekliflere sahip markaların müşteri etkileşimini ve satışları artırmak için pop-up tasarımlarını nasıl kullandığını anlamanıza yardımcı olacaktır.
Sleeknote E-Posta Adreslerini Toplamak İçin Kaydırmalı Açılır Pencere
Bu, içerik açısından zengin ve etkileşime dayalı açılır pencerelerin nasıl çalıştığını gösteren harika bir örnek.
Başlıca USP'ler şunlardır:
- Benzersiz tasarım (sağdaki metni gizlemeyen ancak genel tasarımı iyi yapan insana benzer karaktere bakın).
- Hoş renk teması - koyu bir arka plan rengine sahip olmasına rağmen, genel açılır pencere bir renk cümbüşü yapmıyor
- Avantajlara odaklanıldığında, "ömür boyu erişim" vurgulanmaktadır.
- Müşteri referansları bile burada yer almaktadır.
Huda Beauty Işık Kutusu Popup
Huda Beauty web sitesindeki bu muhteşem Sevgililer Günü açılır penceresi, lightbox açılır pencerelerinin nasıl oluşturulabileceğine dair mükemmel bir örnektir.
Bu pop-up'ın başlıca USP'leri şunlardır:
- Vurgulanmış metin ve renk
- Temalı arka plan
- Satış etkinliğine odaklanın
Bu aynı zamanda lightbox açılır pencerelerini daha çekici ve daha az rahatsız edici hale getirmenin mükemmel bir yoludur.
Glossier Giriş Popup
Glossier web sitesindeki bu açılır pencere, giriş açılır pencerelerini nasıl düzgün ve doğrudan yapabileceğinize dair klasik bir örnektir.
Bu pop-up'ın başlıca USP'leri şunlardır:
- Düzgün ve temiz bir açılır pencere
- Beyaz zemin üzerine klasik siyah metin
- E-posta için tek giriş kutusu
- Alakalı ve kesin içerik
Target Bar Açılır Penceresi
Web sitenizde bir bar açılır penceresi kullanmayı planlıyorsanız, Target web sitesinde yer alan bu basit bar açılır penceresinden ilham alın.
Bu pop-up'ın başlıca USP'leri şunlardır:
- İki evcil hayvan görüntüsü, evcil hayvan sahibi müşterilerin anında ilgisini çeker
- Mesaj net bir şekilde vurgulanmıştır (Evcil hayvan ilaçları)
- Renklerin genel web sitesi düzeniyle zahmetsizce eşleştirilmesi
Unbounce Kaydırma Tabanlı Popup
Saçma sapan kaydırma tabanlı açılır pencereler arıyorsanız, Unbounce'tan aşağıdaki örnek mükemmel bir seçimdir:
Başlıca USP'ler:
- Açılır pencere ekranın alt kısmında yer alır
- Mavi arka plan üzerindeki beyaz metin, web sitesinin genel temasından ayrılıyor
- Mesaj doğrudan ve nettir
Mailmodo Küçük Ama Güçlü Giriş Açılır Penceresi
Mailmodo'nun web sitesindeki bu küçük ve güçlü giriş açılır penceresine bir göz atın. Daha iyi anlaşılması için kırmızı renkle çevreledik.
Ve işte yine büyütülmüş olarak gösteriliyor:
Başlıca USP'ler:
- Mesaj kısa, tatlı ve son derece ilgi çekici
- Ziyaretçileri cezbetmek için istatistiklerin güçlü kullanımı
- Popup tasarımı minimal ve marka ile uyumlu (logoyu gösterir)
Amazon Etkileşim Tabanlı Popup
Aşağıdaki çekici tasarım, etkileşim tabanlı açılır pencereler için tasarım ilhamı almak için mükemmeldir:
Bu açılır pencere tasarımının başlıca USP'leri:
- Tamamlayıcı ürünlerin çapraz satışı satış gelirinizi artırır
- Tüketicilere yardımcı olur
- Geniş ve iyi açılmış pencere
Ayrıca, bu açılır penceredeki metin miktarı oldukça yüksektir, yine de ziyaretçiler üzerinde bir izlenim bırakmakta başarısız olmaz.
Qualaroo Çıkış-Giriş Açılır Penceresi
Aşağıda, bu çıkış amaçlı açılır pencerenin, ziyaretçilere sunulan aracın ücretsiz olduğunu hatırlatarak ayrılan bir ziyaretçiyi nasıl geri getirmeye çalıştığını gösteriyoruz:
Bu pop-up'ın başlıca USP'leri:
- Basit ve temiz tasarım
- Ücretsiz bir araç sunar
- Mükemmel renk kontrastı
- Kolay ziyaretçi etkileşimi
Harvard Business Review Üyelik Almayı Amaçlayan Popup
Harvard Business Review, özellikle araştırma ve sektördeki en iyi uygulamalar konusunda oldukça bilgili bir müşteri kitlesine ve geniş bir izleyici kitlesine sahiptir.
Bu nedenle, ziyaretçilerin harika tasarımlarla ikna edilmesine gerek yoktur ve web sitesi, onları ücretli üyelikler almaya teşvik etmek için basit ama zorlayıcı bir çubuk açılır penceresini tercih eder.
Başlıca USP'ler:
- Siyah üzerine klasik beyaz renk düzeni
- Tema, web sitesi tasarımıyla iyi uyum sağlar
- İçinde bulunduğumuz ay için kalan ücretsiz makale sayısını bile gösteren doğrudan bir mesaj
- Aciliyet yaratır
Soggy Doggy Tıkla Açılır Pencere
Soggy Doggy'deki bu pop-up'ın ne kadar ilgi çekici, marka odaklı ve iyi tasarlanmış olduğunu görün:
Başlıca USP'ler:
- Renk teması, kenarlıklı genel tasarım ve marka logosu yerinde
- Çıkış seçenekleri iyi tanımlanmış ve kolayca görülebilir
- Metin vurgulama
Mükemmel pop-up'lar tasarlamak için pek çok "yapılması gereken "i ele almış olsak da, birkaç "kaçınılması gereken" pop-up tasarım hatasını da göz önünde bulundurmalıyız.
Aşağıda, daha iyi olabilecek bazı pop-up örneklerini paylaşıyoruz!
Belirsiz Mesaj Ve Alakasız İçeriğe Sahip HSBC Popup
Bu açılır pencere çeşitli şekillerde bozuldu:
- Açılır pencere çok sayıda kafa karıştırıcı metin taşıyor
- Yazı tipi boyutu çok küçük
- Açılır pencere, bir kişi mevcut sayfadan başka bir sayfaya geçerken bile görüntüleniyor
HelloBC Alakasız Açılır Pencere
Bu açılır pencere de birden fazla düzeyde başarısız olur:
- Açılır pencere doğrudan bir e-posta listesine işaret ederek ziyaretçiye gelen kutusunun e-posta bombardımanına tutulacağı izlenimini verir
- İçerik miktarı çok fazla
- Dil çok teknik
- Kişisel bilgi yönetimi kontrol listesi de göz korkutucudur
Bu iki pop-up da daha iyi olabilirdi:
- İçlerindeki metin miktarı sınırlıydı
- İçerik konuyla ilgiliydi
- Odak noktası iş teklifleri yerine müşteriydi
Bu örneklerden ipuçları alarak, pop-up tasarımınıza kesinlikle başlayabilirsiniz!
Pop-up'ların neden çalıştığını biliyor musunuz?
Bunun nedeni, doğrudan, açık ve öz olmalarıdır.
Her ziyaretçiye iki seçenek sunarlar - CTA'ya tıklayın veya çıkış düğmesine basın.
Küçük bir açılır pencere içine yerleştirilmiş bu basit bilgi akışı, uygun şekilde kullanıldığında dönüşümlerinizi artırmada önemli bir rol oynayabilir.
Potansiyel müşterileri toplama, onları dönüştürme ve hatta müşterilerinizden içgörü toplama konusunda kusursuz bir şekilde yeteneklidirler.
Birkaç temel hususu aklınızda tutarak ve burada paylaşılan en iyi tasarım uygulamalarını takip ederek, satışlarınızın yanı sıra müşteri deneyiminizi de bir üst seviyeye taşıyacak yüksek dönüşümlü pop-up'lar oluşturabilirsiniz.