Hoş Geldiniz Açılır Penceresi: 7 Örnek ve Nasıl Oluşturulur [Kılavuz + Video]

Hoş geldin!

Karşılama açılır pencereleri hakkında bilgi edinmek, ilham verici açılır pencere tasarımlarını görmek ve bunların nasıl oluşturulacağına ilişkin bir eğitim almak için aşağı kaydırmanız yeterlidir.

Orada ne yaptığımı gördün mü?

Tıpkı bu giriş gibi, bir hoş geldiniz açılır penceresi, web sitenize gelen yeni ziyaretçileri karşılayan bir mesajdır. Ayrıca çok önemli bir amacı vardır: bu yeni ziyaretçileri abonelere ve müşterilere dönüştürmek.

Bu gönderide, ziyaretçileri dönüştüren bir karşılama açılır penceresi oluşturmak için ihtiyacınız olan her şeyi bulacaksınız: örnekler, şablonlar, ipuçları ve adım adım oluşturma kılavuzu.

Bölümlere gidin:

• Karşılama açılır penceresi nedir?
• Karşılama açılır pencerelerine örnekler
• Herhangi bir web sitesine hoş geldiniz açılır penceresi nasıl eklenir
• Hoş geldiniz açılır ipuçları

Karşılama açılır penceresi nedir?

Karşılama açılır penceresi, ziyaretçiler bir web sitesine girdiğinde görünen bir mesajdır. Amacı, yeni ziyaretçilerin dikkatini çekmek ve onları abone veya müşteriye dönüştürmektir.

Bir web sitesine bir karşılama açılır penceresi eklemek, hemen satın almaya hazır olmayan ziyaretçileri dönüştürmenin etkili bir yoludur. Bu nedenle çevrimiçi işletmeler, daha sonra pazarlama kampanyalarıyla onları beslemek için e-posta listeleri oluşturmak için karşılama açılır pencerelerini kullanır. Diğer popüler kullanımlar, ürün sayfalarına trafik çekmek ve pazarlama duyuruları yapmaktır.

İşte bir e-ticaret web sitesinden tipik bir karşılama açılır penceresi.

Karşılama açılır pencerelerine örnekler

Biraz ilham almak istiyorsanız, popüler web sitelerinden gelen açılır pencerelerin şaşırtıcı tasarımlarına bir göz atalım. Bu örnekler hem harika görünümlü hem de etkili olup her ay binlerce ziyaretçiye dönüşüyor.

1. Tam ekran karşılama açılır penceresi

• Web sitesi : Nickey Kehoe
• Hedef : Bir e-posta listesi oluşturun
• Teşvik : Yeni ürünlere, özel fırsatlara, en son haberlere ve yüz yüze etkinliklere davetlere erken erişim

İlham verici bir karşılama açılır penceresi arıyorsanız, bu olabilir. Bu, marka kimliğini ve genel olarak şık web sitesi havasını güzel bir şekilde güçlendirir. Ve sadece şuna bakın - tek kelimeyle muhteşem.

Nickey Kehoe, bir web sitesini açtıktan birkaç saniye sonra hoş geldiniz açılır penceresini gösteriyor. Açılır pencereyi iki şekilde kapatabileceğinizi unutmayın (Sitemize Girin veya kapat düğmesine tıklayarak). Bu tasarım kararı, ziyaretçi deneyimini olumlu tutmanın iyi bir yolu olan açılır pencereyi kapatma görevini basitleştirir.

2. İndirimli hoş geldiniz açılır penceresi

• Web sitesi : Blume
• Hedefler : a) Bir e-posta listesi oluşturun, b) İlk kez gelen ziyaretçilerden daha fazla sipariş oluşturun
• Teşvik : İlk sipariş + üye ayrıcalıkları için %20 indirim (ücretsiz kargo ve iade)

İlk sipariş için indirim sağlayan hoş bir karşılama penceresi. Birçok e-ticaret mağazası, olası satışlar ve siparişler oluşturmak için bunun gibi ana sayfa karşılama açılır pencerelerine güvenir.

Blume'den gelen bu hoş geldiniz pop-up'ı , web sitesi ziyaretçilerinin %5'ini dönüştürmektedir , bu da yaklaşık %2'lik ortalama pop-up dönüşüm oranının çok üzerindedir. Sebepler: cömert bir teklif, havalı görünen markalı açılır pencere tasarımı ve iyi bir marka itibarı.

3. Ücretsiz ürün örneği içeren hoş geldiniz açılır penceresi

• Web sitesi : Köpekler için Pazar Günleri
• Hedef : Ziyaretçilerin satın almaya karar vermelerine yardımcı olarak satışları artırmak
• Teşvik : Ücretsiz ürün numunesi

Bir köpek maması abonelik işletmesi olan Sundays For Dogs, yeni gelenleri ücretsiz bir kişiselleştirilmiş mama denemesi için motive ediyor. Bu harika bir pazarlama taktiği: ücretsiz örneklerin yemek aboneliği işletmelerinin satışlarını artırdığı kanıtlanmıştır.

Müşteriler Al'a tıkladıklarında, örnek ürünün bulunduğu sayfaya giderler. Orada, tarif tercihini ve siparişini seçerler; nakliye için tek ücret 5 ABD dolarıdır. Tercih bilgileri sayesinde işletme, gelecekteki teklifleri kişiselleştirmek için faydalı veriler de toplar.

4. Bir kupon kodu içeren hoş geldiniz açılır penceresi

• Web sitesi : Mum Delirium
• Hedefler : İlk kez gelen ziyaretçilerden olası satışlar ve satışlar oluşturun
• Teşvik : ilk satın alma için indirim kuponu kodu

Kişiselleştirilmiş kuponlar olası satışlar elde edebilir, sipariş değerini artırabilir ve satışları artırabilir. Bu karşılama açılır penceresi, ilk kez gelen ziyaretçileri benzersiz bir kupon koduyla dönüştürmeye teşvik eder; bu, aynı zamanda yeni ziyaretçileri karşılamanın iyi bir yoludur. Ayrıca, benzersiz kodlar da kampanyanın performansının izlenmesine yardımcı olur.

Tasarım açısından oldukça basit ama güzel görünen bir karşılama açılır penceresi. Candle Delirium'dan güzel bir ürün görseli, markalı tasarım ve kısa ve tatlı bir mesaj var. E-ticaret mağazaları için hoş bir açılır pencereye güzel bir örnek.

Harika açılır pencere tasarımları görmek ister misiniz? ️ E-posta açılır örnekleri ️ SMS açılır pencere örnekleri ️ Döndürerek kazanılan açılır pencere örnekleri

5. Bir yazılım demosu içeren hoş geldiniz açılır penceresi

• Web sitesi : Zendesk
• Hedefler : Demo görüntülemelerini artırın ve olası satışlar oluşturun
• Teşvik : Zendesk'in müşteri hizmetlerinin kalitesini artırmaya nasıl yardımcı olabileceğini örneklerle görmek

Bu hoş geldiniz açılır penceresi çeşitli nedenlerle benim için göze çarpıyordu.

Birincisi, Zendesk bir yazılım işletmesidir, bu nedenle kampanyanın amacı ürünü bir demo oturumunda sergilemektir. İkinci olarak, açılır pencere, entegre olduğu bazı popüler uygulamalarla birlikte ürünün kontrol panelinin ekran görüntüsünü göstererek görüntüden en iyi şekilde yararlanır.

Ziyaretçiler CTA düğmesine tıkladığında, site onları demo kayıt sayfasına götürür. Orada demoyu izlemeye başlamak için adlarını ve e-postalarını giriyorlar.

Genel olarak, Zendesk bize web sitesi açılır pencerelerinin yazılım işletmelerinin potansiyel müşteriler oluşturmasına ve ürünleri hakkında farkındalık oluşturmasına nasıl yardımcı olduğuna dair harika bir örnek veriyor.

6. "Marka tanıtımı" karşılama açılır penceresi

• Web sitesi : BASIN Healthfoods
• Hedef : Sadık müşterilerin bir listesini oluşturun
• Teşvik : Sağlıklı yaşam tarzı ipuçları, VIP teklifleri ve eşantiyonlar içeren haftalık içerik

Burada iki şey dikkatimi çekti: güzel bir ürün görseli ve bir emojinin eşlik ettiği gündelik yazı tonu.

BASIN Healthfoods ürün görselleriyle harika bir iş çıkardı, bu nedenle bir açılır pencereye bir görsel eklemek iyi bir fikir. Ayrıca, resimli pop-up'lar ziyaretçilerin neredeyse %5'ini dönüştürürken, resim içermeyenler yalnızca %2.85'ini dönüştürüyor.

Kopyaya gelince, “Resmi yapalım”, bir hoşlanma duygusu uyandıran samimi bir sohbet başlatıcısı gibi geliyor. Böylesine samimi ve rahat bir iletişim tarzı, çevrimiçi alışveriş yapanların %57'sinin tercih ettiği bir şeydir, bu nedenle bu hoş geldiniz açılır penceresi iyi bir ilk izlenim bırakıyor.

7. Sınırlı süreli bir teklif içeren hoş geldiniz açılır penceresi

• Web sitesi : Pedego Bisikletleri
• Hedef : Belirli ürünlerin satışlarını artırmak
• Teşvik : Bir ürünü ücretsiz olarak yükseltmek için sınırlı süreli teklif

E-posta kayıtları oluşturmanın yanı sıra, hoş geldiniz açılır pencereleri, promosyon teklifleri ve fırsatlar hakkında farkındalığı artırmak için de harikadır. Bu hoş geldiniz açılır penceresinin başarmaya çalıştığı şey tam olarak budur: cazip, sınırlı süreli bir anlaşma ile bir ürün sayfasına trafik çekmek.

Metin yazarlığı, bu açılır pencereyle ilgili bir başka harika şey. Buradaki birkaç cümle bile dikkat çekici güçlü kelimelerle doludur: “serbest”, “sınırlı süre”, “kaydet” ve “biter”. Bu kelimeleri manşetlerde kullanmak, deneyimli yazarların ziyaretçileri meşgul ettiği kanıtlanmış bir taktiktir.

Herhangi bir web sitesine hoş geldiniz açılır penceresi nasıl eklenir

Web sitenize kolay ve hızlı bir şekilde hoş geldiniz açılır penceresi oluşturabilir ve ekleyebilirsiniz. Bu amaçla, kendi açılır pencere aracımız olan Wisepops'u kullanacağız .

Öğretici içeren bir video tercih ediyorsanız, aşağıdaki videoyu kullanın. Ama adım adım bir kılavuz isterseniz, videonun hemen altında.

Yani-

Kodlama olmadan web sitenize hoş geldiniz açılır penceresi oluşturmak ve eklemek için bu adımları izleyin. Başlamak için Wisepops'ta ücretsiz bir hesap edinin .

Karşılama açılır penceresi oluşturma adımları:

• 1. Adım: Yeni bir kampanya oluşturun
• 2. Adım: Bir hedef seçin
• 3. Adım: Bir kampanya biçimi seçin
• 4. Adım: Bir açılır şablon seçin
• Adım 5: Karşılama açılır pencerenizi tasarlayın
• 6. Adım: Teşekkür penceresini özelleştirin
• 7. Adım: Açılır pencerenizi nasıl göstereceğinizi tanımlayın
• 8. Adım: Web sitenizin açılır penceresini yayınlayın

1. Adım: Yeni bir kampanya oluşturun

Çevrimiçi mağazalar için klasik bir hoş geldin pop-up'ı oluşturalım—abone olduğunuz için teşekkür olarak özel tekliflere erişim ve indirim vaat eden. Ancak bu süreçte sürümünüzü istediğiniz şekilde özelleştirebilirsiniz.

Wisepops kontrol panelinde Kampanya Oluştur'u tıklayın ve Kampanya Yardımcısı'nı seçin.

Kampanya Asistanı, kampanya oluşturma sürecinde size yol gösterecek faydalı bir özelliktir. Bu nedenle, yeni kullanıcılar için mükemmeldir.

2. Adım: Bir hedef seçin

Kampanya Asistanı'na bastığınızda, aralarından seçim yapabileceğiniz üç hedef göreceksiniz: Hedef kitlenizi büyütün, Satışları artırın ve Geri bildirim toplayın.
Kitlenizi büyütün'ü tıklayın.

3. Adım: Bir kampanya biçimi seçin

E-posta listenizi oluşturmak için bir karşılama açılır penceresi oluşturduğumuzdan, Bülten 'i seçin.

4. Adım: Bir açılır şablon seçin

Şimdi hoş geldiniz açılır penceremizin nasıl görüneceğini seçiyoruz. Şablon kitaplığımız size önceden hazırlanmış açılır pencere biçimleri için bazı iyi seçenekler sunar.

Seçiminizi onaylamak ve bir sonraki adıma geçmek için bir şablona tıklayın.

Bu hoş geldiniz açılır şablonuyla devam edeceğiz—ziyaretçilerin dikkatini mesaja odaklayan tanıdık bir biçime sahip.

Adım 5: Karşılama açılır pencerenizi tasarlayın

Bu hoş geldiniz açılır penceresini gerçekten size ait hale getirmemiz gerekiyor—

Bu, web sitenizin doğal bir parçası gibi görünmesi için renkleri, resimleri ve metni özelleştirmek anlamına gelir. Sürükle ve bırak düzenleyicisi sayesinde bunu yapmak çok kolaydır; sadece bir öğeye tıklayın ve değiştirin.

Öncelikle metnimizi yazalım.

Düzenleme ayarlarını açmak için metin öğesini tıklayın. Açılır pencerenin hemen üzerinde onları göreceksiniz (resimde vurgulanmıştır).

Sonraki-

Yeni bir resim ekleyelim.

Bunun için şablondaki görsele tıklayın. Bu, ekranınızın sol tarafındaki görüntü menüsünü başlatacaktır. Orada Değiştir'e tıklayın ve başka bir resim seçin.

Renkleri ve resmi üzerlerine tıklayarak değiştirdim ve—

Şablonumuz şimdi böyle görünüyor. Bir mum dükkanından gerçek bir pop-up'a benziyor, katılıyor musunuz?

Ve tamamen aynı (ve daha da iyi!) açılır pencereyi tasarlayabilirsiniz.

Bu tasarımı kopyalamakla ilgilenenler için şunları kullandım:

• yazı tipi için Arial
• #803345 renk için
• Görsel için Castorly Stock tarafından bu ücretsiz fotoğraf

6. Adım: Teşekkür penceresini özelleştirin

Bir ziyaretçi alanları doldurduğunda ve Sign Me Up'ı tıkladığında bir teşekkür penceresi görünür. Çoğu açılır pencere şablonu bu pencereyle donatılmıştır çünkü bunlar aboneliği onaylamak, ziyaretçiye teşekkür etmek ve indirim kodlarını paylaşmak için kullanılır.

Başlamak-

Teşekkür sekmesine tıklayın.

Orada, teşekkür penceresini göreceksiniz.

Tasarımı, ana karşılama açılır penceresi için yaptığınız gibi özelleştirin. Renk kodlarını almak için kolayca ana ekrana dönebilirsiniz; Ana Açılır Pencere'yi tıklamanız yeterlidir. Ayrıca vaat edilen indirim kodunu da ekleyin (TENOFF ile gittim).

İşte benim versiyonum nasıl görünüyor.

Şimdi, karşılama açılır penceremizin tasarımı tamamlandı.

Yayınlamadan önceki son şey, sitenizde görüntülenecek açılır pencereyi yeni ziyaretçilere ayarlamaktır. Yapmak üzere olduğumuz şey bu.

7. Adım: Açılır pencerenizi nasıl göstereceğinizi tanımlayın

Ana menüde Kuralları görüntüle'ye gidin.

Wisepops, web sitenizde sekiz saniye geçirdikten sonra ziyaretçilere hoş geldiniz açılır pencerenizi gösterecek. Daha önce, örneğin beş saniye önce görüntülemek isterseniz, yalnızca bundan sonra göster alanına tercih ettiğiniz numarayı eklemeniz yeterlidir.

Ve son ayar—

Bu hoş geldiniz açılır penceresini yalnızca yeni ziyaretçilerimizin görmesini istiyoruz. Bunu sağlamak için Kitle sekmesinde Yeni ziyaretçiler'i seçin.

Bu kadar.

Potansiyel müşteriler oluşturmak ve kitlenizi büyütmek için siteniz için iyi görünümlü, markalı bir karşılama açılır penceresi oluşturdunuz. Aferin!

Adım 8: Karşılama açılır pencerenizi yayınlayın!

Açılır penceremizi tasarlamayı bitirdik, bu yüzden Düzenleme bitti 'ye basın. Yayınla'yı tıklayıp onayladığınız kampanyaya genel bakış penceresine yönlendirileceksiniz.

İşte bu, hoş geldiniz açılır penceresi web sitenizde yayında! Tebrikler!

Açılır pencere görüntüleme almaya ve e-posta oluşturmaya başladığında, performansı Wisepops panosunda kontrol edebileceksiniz.

Hoş geldiniz açılır ipuçları

Karşılama açılır pencerenizi potansiyel müşteri yaratma makinesi yapmak için bu ipuçlarını kullanın.

1. Avantajlar sunun

Taze, kullanışlı içerik, indirimler, kuponlar, özel teklifler, ücretsiz gönderim, yeni ürünlere erken erişim - işletmeler, tüm bunlara hoş geldiniz açılır pencerelerine eklenir. Çevrimiçi bir işletme yürütüyorsanız, bir teşvik de kullanmayı düşünün.

2. Net bir kopya yazın

Tüm harika karşılama açılır pencereleri açık bir şekilde ilgi çekici bir mesaj iletir.

İyi bir kopya yazmak için:

• Kısa ve tatlı tutun. İnsanların mesajınızı mümkün olan en kısa sürede alması gerekiyor, bu yüzden sadece iki cümle yazmaya çalışın (başlık + destekleyici mesaj)
• İlgi çekici ve yaratıcı olun . Karşılama açılır pencerenizde samimi, gündelik bir dil kullanın - ancak markanızın sesi izin veriyorsa esprili veya şakacı olmaktan çekinmeyin.
• İnsanlardan harekete geçmelerini isteyin. Ziyaretçilerinizin ne yapması gerektiğini açıklayın ve bu eylem hakkında net olun

3. Açılır pencerenizin gecikmeli görünmesini sağlayın

İnsanlar, web sitelerine vardıkları anda ortaya çıkan pop-up'lardan hoşlanmazlar.

Bu nedenle, hoş geldiniz açılır pencereniz için en az beş saniyelik bir gecikme ayarlamayı düşünün (tıpkı öğreticide yaptığımız gibi).

Deneyimli pazarlamacılar da basit bir numara yaparlar. İnsanların web sitelerinde geçirdikleri ortalama süreyi Google Analytics ile öğrenirler ve görüntüleme süresini bu değerin yaklaşık %20'si olarak ayarlarlar. Örneğin, ortalama süre 60 saniyeyse, açılır pencere 12 saniyede görünebilir (60'ın %20'si = 12).

4. Bir geri sayım sayacı ekleyin

Aciliyet duygusu, satın almak için güçlü bir motive edicidir: Wisepops araştırması, bir geri sayım sayacı eklemenin dönüşüm oranını %41 oranında artırdığını gösteriyor.

Bu öğeyi Wisepops'a eklemek için: ana menüde Bloklar'a gidin ve Geri Sayım öğesini seçin. Zamanlayıcı, karşılama açılır pencerenize otomatik olarak eklenecektir.

5. Karşılama açılır pencerelerinin farklı sürümlerini test edin

Bazı müşteriler en iyi fiyatı bulmak ister.

Diğerleri dürtü üzerine satın alma eğilimindedir.

Ziyaretçilerinizin tercihlerini (ve satın almalarını sağlayan şeyi) öğrenmek için, hoş geldiniz pop-up kampanyasının farklı versiyonlarını oluşturun.

Wisepops'ta bu, bir A/B testi oluşturmak anlamına gelir: aslında, gösterge panelinde AB testini tıklayarak hoş geldiniz açılır pencerenizi çoğaltırsınız. Aşağıda, bu şekilde iki versiyona ayrılmış bir kampanyanın görünümü verilmiştir.

Bölme, ikinci kampanya sürümünü istediğiniz şekilde (indirim boyutu, geri sayım/geri sayım yok vb.) değiştirmeyi ve sonuçları izlemeyi kolaylaştırır.

Karşılama açılır pencereleri SSS

Karşılama açılır pencereleri popüler olsa da, birçok web sitesi sahibinin bunların etkinliği ve ziyaretçi deneyimi üzerindeki etkisi konusunda endişeleri vardır. Bu nedenle, bu son bölümde, insanların sahip olduğu en yaygın soruları yanıtlayacağız.

Karşılama açılır pencereleri ne kadar etkilidir?

Karşılama açılır pencereleri, ziyaretçilerin %5'ine kadar dönüşüm sağlayabilir.

Karşılama açılır penceresi müşterilerimin deneyimine zarar verir mi?

Hoş geldiniz açılır pencereleri çok genel ve çok hızlı görünüyorlarsa can sıkıcı olabilir. Ziyaretçiler için net bir değeri olan markalı bir kampanya tasarlarsanız, birçok ziyaretçiyi dönüştürebilmelisiniz.

Karşılama açılır penceresi mağazamın SEO'sunu nasıl etkiler?

Bir karşılama açılır penceresi oluşturmak için en iyi açılır pencere yazılımını kullanırsanız, kampanyalarınız tüm SEO gereksinimleriyle %100 uyumlu olacaktır.

Pop-up'lar hakkında daha fazla ipucu ve bilgi için Wisepops blog'daki diğer kılavuzlara göz atın.