10 min read

Dönüşümleri Artıracak 5 En İyi Açılır Pencere Overlay Örneği

Faezeh Shafiee
-Published on:
May 20, 2024
-Updated on:
Aug 2, 2024

İnanması zor gelebilir ama popup'lar işe yarıyor! Doğru şekilde kullanıldıklarında, potansiyel müşteri oluşturma ve e-posta listesi oluşturma için büyük bir avantaj olabilirler.

İşletmenizi tanıtmak ve genel gelirinizi artırmak için kullanabileceğiniz çeşitli popup kullanım senaryoları mevcut. Ancak, kısa, özelleştirilmiş ve ilgi çekici bir popup oluşturmak biraz zor olabilir.

Popup overlay’ler, ziyaretçilerinizi beklenmedik bir anda yakalar, dikkatlerini anında çeker ve onları sayfanın üstünde olduğu için tıklamaya yönlendirir.

Özel bir popup overlay, işletmenizi spam’den etkili bir şekilde korumanıza, indirimler ve benzersiz deneyimler sunmanıza, ziyaretçileri e-bültene kaydolmaya teşvik etmenize ve ürününüzü anında satmanıza yardımcı olur.

Bu tür overlay’ler, dönüşüm oranını ve satışları artırma gücüne sahiptir.

Ancak başarılı bir popup kampanyası oluşturmanız için bazı kurallar ve takip edebileceğiniz popup tasarım uygulamaları vardır.

İşte size ilham verecek ünlü markalardan bazı en iyi popup overlay örnekleri ve birkaç ipucu.

Etkili Popup Oluşturmak İçin Birkaç İpucu

Markanız için popup oluştururken dikkate almanız gereken ipuçlarının kısa bir listesi:

  • Hedeflerinizi Belirleyin ve Harekete Geçin
  • Eylem Çağrısı (Call-To-Action) Mesajınızın Göz Alıcı Olmasını Sağlayın
  • Metninizi Kısa Ama İkna Edici Tutun
  • Mesajınızı Öne Çıkarmak İçin Kontrast Kullanın
  • Yaratıcı Görseller Seçin ve Bunlardan Maksimum Fayda Sağlayın
  • Popup Tasarımınızı Web Sitenizin Tarzına Uyumlu Hale Getirin
  • Çok Fazla Bilgi İstemekten Kaçının
  • Kişiselleştirilmiş Mobil Popup'lar Oluşturun

Oldukça basit değil mi? Şimdi genel bir fikriniz olduğuna göre, beş farklı markanın nasıl üst üste binen popup'ları kullandığını gösterelim.

Popup örnekleri dışında, kodsuz ve kullanıcı dostu popup oluşturucumuzla birkaç saniyede nasıl bir popup oluşturacağınızı da anlatıyoruz.

Popup Overlay Nedir?

Popup overlay’ler, aynı zamanda lightbox popup ve modal popup olarak da bilinen, ekranı karartarak veya bulanıklaştırarak arka planı kapatan web sitesi popuplarıdır.

Sorun şu ki, popup overlay’ler bazen büyük bir başarı, bazen de tam tersi olabiliyor.

Ziyaretçiler deneyimlerine değer katmayan bir overlay popup ile karşılaştıklarında, bu durum genellikle rahatsız edici veya dikkat dağıtıcı olabiliyor.

Ancak overlay popup gerçekten değer kattığında (indirim veya özel teklifler sunmak gibi),ziyaretçiler genellikle sunulan şeye ilgi gösteriyor.

Popup overlay’ler, potansiyel müşteri toplama kampanyaları, ilk kez gelen veya geri dönen ziyaretçilere indirim sunma, ücretsiz kargo gibi sınırlı süreli teklifler, ürünleri upsell/cross-sell gibi çeşitli amaçlar için kullanılabilir.

Açılır Pencere Örnekleri

Ünlü markalardan etkili açılır pencere örneklerine göz atalım.

1- Dolce & Gabbana Bülten Popup Overlay

Ünlü moda markası Dolce & Gabbana, kullanıcılarının dikkatini çekmek için bir bülten açılır penceresi kullanıyor.

Dulceandgabbana açılır pencere örneği D&G kıyafetleri giymiş bir kadını gösteriyor


Açılır pencere tasarımı, ilginç ve dikkat çekici bir görüntü ile siyah beyaz kullanımını içeren basit ve zarif bir tasarıma sahiptir.

Açılır pencere, markanın tarzını benimser ve kullanıcıların cinsiyet ve dil bilgilerini sorarak daha fazla kişiselleştirme sağlar.

2- Nike E-posta Popup Overlay

Nike, kullanıcıların dikkatini çekmek ve onları e-postalarına abone olmaya ikna etmek için kısa ama etkili bir metin seçiyor, böylece ilk bilen siz olun.

nike-popup-overlay-ornek-basit-acilir-pencere-ile-biraz-yazi

En alakalı içeriği sunmak için, bu açılır pencere kullanıcının e-posta adresini ve doğum tarihi, ürün tercihi gibi ek bilgileri istiyor.

Pazarlama ekibi, bu detaylı verilerle ilgili müşteri gruplarına indirimler veya sınırlı teklifler sunabilecek.

Bu, hoş ve minimalist tasarımı ve çekici metni ile basit ve şık bir çözüm.

Bu e-posta listenizi büyütmek ve etkili bir e-posta pazarlama kampanyası oluşturmak için harika bir yol.

3- Brunomagli İndirim Popup Overlay

Brunomag indirim popup overlay, siteye girdiğinizde beliren ve e-posta adresinize karşılık %15 indirim sunan pencerelerdir.

Brunomagli-popup-katmanı-15-yüzde-indirimle

Bu, tam da web sitesi ziyaretçisinin istediği anda ilgili değeri sunan güzel bir ürün tanıtımı yapan hafif bir popup overlay'dir.

Siparişinizde %15 indirim, çoğunlukla kullanıcının e-posta adresine değerdir. Özellikle zaten siteyi ziyaret etmişlerse! Popup'un markayla ve ayakkabıların renklerinin eylem çağrısı butonu ile nasıl uyum halinde olduğuna bir bakın.

4- CoSchedule Exit-Intent Popup Overlay

CoSchedule, içerik pazarlama kampanyalarınızı planlamanıza, düzenlemenize ve yürütmenize olanak tanıyan hepsi bir arada bir içerik pazarlama platformudur.

Coschedual-çıkış-niyet-popup-katmanı-örneği-bazı-metni-gösteriyor

Bu çıkış niyet popup overlay'inde, CoSchedule ilgili bir görsel ile pazarlama takvimi hizmetini markanın tarzına uyarlayarak tanıtıyor.

CoSchedule, ziyaretçilerden ürün ve hizmetlerini kontrol etmelerini isteyerek sonunda güçlü bir CTA ile bir demo planlamaya davet ediyor.

Bu tanıtım popup'ı, aksi takdirde elde edemeyecekleri satışları dönüştürme fırsatı veriyor.

5- Revolvea İlk Kez Alışveriş Yapanlara Özel Kupon Popup Overlay

Revolve e-ticaret sitesine girdiğiniz anda aşağıdaki indirim teklifi görüntülenir.

Bu açılır pencere, potansiyel alıcıları indirimden faydalandırmak için ziyaretçinin e-posta adresini talep eder!

revolve-indirim-popup-pencere-örneği

Revolve bu popup'ı sadece bir e-posta listesi oluşturmak için değil, aynı zamanda ürünleri tanıtmak ve kitleyi satın almaya ikna etmek için kullanır. Bir taşla iki kuş vurmak!

Cision PR Newswire'a göre, web sitesi ziyaretçilerinin %92'si henüz satın almaya hazır değil, ancak ilgisiz oldukları anlamına gelmiyor! Bu yüzden, hızlı bir ilk kez alıcıya özel indirim teklifi tetikleyici olabilir.

Kullanıcı ayrıca X butonuna tıklayarak veya “Hayır, teşekkürler, sadece alışveriş yapmak istiyorum” ifadesine tıklayarak popup'ı kapatabilir ve gezinmeye devam edebilir ki bu, bu açılır pencerenin diğer bir olumlu yönüdür.

Popupsmart İle Etkileşimli Popup Overlay Oluşturun

Web siteniz için popup overlay oluşturmak zaman alıcı ve karmaşık olabilir. İyi haber şu ki, artık bu süreci yaşamanıza gerek yok.

Profesyonel görünümlü ve etkili bir popup oluşturmak popup oluşturucu Popupsmart ile oldukça kolay ve hızlı.

Kodlama bilmenize gerek kalmadan, Popupsmart sayesinde sadece birkaç dakika içinde çeşitli seçenekler ve özelliklerle ihtiyaçlarınıza uygun bir popup oluşturabilirsiniz.

Adım adım rehberle ne kadar kolay olduğunu size göstereyim:

1- Popupsmart'a kaydolun ve ardından kontrol panelinize gidin.

2- "Yeni bir popup oluştur" butonuna tıklayın ve ilk popup'ınızı oluşturmaya başlayın.

popupsmart aracı ile popup oluşturmanın ilk adımı

3- İş hedefinizi seçin. Örneğin, email pazarlama kampanyalarınızı geliştirmek ve bülten göndermek için "Email Listenizi Büyütün" seçeneğini seçebilirsiniz.

popupsmart aracı ile popup oluşturmanın ikinci adımı

4- Sıfırdan bir popup oluşturabilir veya hazır şablonlardan birini seçip kendi hedeflerinize göre özelleştirebilirsiniz.

popupsmart aracı ile popup oluşturmanın üçüncü adımı

5- Tasarımı seçtikten sonra "Özelleştir" sekmesine tıklayarak popup'ınızı kişiselleştirebilirsiniz.

popupsmart aracı ile popup oluşturmanın dördüncü adımı

Popup'ınızın başlığı, metin girişi ve gizlilik politikası bölümünü de değiştirebilirsiniz.

Güçlü eylem çağrıları (CTA) eklemek, popup'ınızın hedef kitlenize daha çekici gelmesini sağlayabilir.

Gerekirse bu aşamada ilgili resimleri de ekleyebilirsiniz.

6- Ardından "Hedef" sekmesine geçebilirsiniz. Burada, popup'ınızın hedef kitlesini, zamanlama detaylarını, ziyaretçi davranışlarını, ziyaretçi cihazını ve görünüm sıklığını belirleyebilirsiniz.

Bu sayede hedef kitlenize etkili bir şekilde ulaşabilirsiniz.

popupsmart aracı ile popup oluşturmanın beşinci adımı

Örneğin, "Ziyaretçi davranışı" bölümüne belirli bir zaman ekleyerek ilk kez alışveriş yapanlar için indirim popup'ı oluşturabilir ve email listenizi büyütebilirsiniz.

popupsmart aracı ile popup oluşturmanın altıncı adımı

Bu aşamayı tamamladıktan sonra kaydedip "Yayınlamaya Geç" butonuna tıklayın.

popupsmart aracı ile popup oluşturmanın yedinci adımı

7- Aşağıda gösterildiği gibi "Yayınla" bölümünde popup’ınızın gömme kodunu kopyalayın, alan adınızı doğrulayın ve kodu web sitenizin back end'ine yapıştırın.

popupsmart aracı ile popup oluşturmanın sekizinci adımı

Hatırlatmakta fayda var; popup kampanyanızın düzgün çalışması için web sitenizi doğrulamanız çok önemlidir. Ayrıca, popup kodlarınızı web sitenize gömmek için Google Tag Manager'ı kullanabilirsiniz.

Web sitenize kod gömmeyi öğrenmek için buraya tıklayın!

8- Popup’ınızı tamamladıktan sonra "Kaydet & Yayınla" butonuna tıklayın.

popupsmart aracı ile popup oluşturmanın dokuzuncu adımı

popupsmart aracı ile popup oluşturmanın onuncu adımı

9- İşte bu kadar! Popup’ı yayınladıktan sonra, son halini kontrol etmek için web sitenizi ziyaret edebilirsiniz. Oldukça kolay, değil mi?

popupsmart aracı ile popup oluşturmanın on birinci adımı

Hemen kendi popup kampanyanızı ücretsiz olarak oluşturmaya başlayın ve bize yorum yaparak ya da destek ekibi ile iletişime geçerek geri bildirimde bulunun.

Sonuç

haber sunucusu olarak son düşüncelerini paylaşan bir Simpson karakteri

Yukarıdaki örnekler ve en iyi popup overlay'e yönelik rehberimizden faydalanarak, dikkat çekici ve dönüşüm oranınızı artıracak hangi tür popup kullanmanız gerektiği konusunda net bir fikriniz olacak.

Ancak, tek bir teknikle sınırlı kalmayın. Onu diğer bağlantılı tekniklerle birleştirerek uygulayın ve popup'ları başarılı bir şekilde kullanan diğer markalardan öğrenin.

En kötü senaryoda, iyi bir popup fikri bulup onu müşterilerinize tutarlı bir şekilde uygulayabilirsiniz.

Güven inşa etmek ve değerli bir şey sunmak için en iyi yöntemleri yaratıcı bir şekilde uygulamaya çalışın.

İlgili Makaleler: