Mobil Açılır Pencereler Doğru Yapıldı: Örnekler ve En İyi Uygulamalar

Yayınlanan: 2024-03-13

Mobil pop-up'lar ortalama %11 oranında dönüşüm sağlıyor; bu da tek başına onlara daha yakından bakmaya değer olduğunu düşündürmeye yetiyor.

Ayrıca, e-ticaret sahnesinde mobil deneyimin giderek daha önemli hale gelmesiyle birlikte, mobil pop-up'lar cephaneliğinizde bulunması gereken güçlü bir araçtır.

Bu makalede mobil pop-up'ların ne olduğunu (ve Google'ın bunlar hakkında neler söylediğini) ele alacak, örnekler sunacak ve kendi pop-up'larınızı nasıl tasarlayabileceğinizi açıklayacağız.

Hadi konuya geçelim!

Kısayollar ️

  • Mobil açılır pencere nedir?
  • Google mobil açılır pencereler hakkında ne diyor?
  • Mobil cihazlar için açılır pencereler tasarlamaya yönelik 7 en iyi uygulama
  • Etkili mobil pop-up'lara 9 örnek
  • Mobil açılır pencere nasıl oluşturulur?
  • SSS

Mobil açılır pencere nedir?

Mobil açılır pencereler, telefonunuzun ekranında görünen ve web sitesinin temel içeriğini altta gizleyen web sitesi kaplamalarıdır.

Bunlar dikkatinizi çekmek ve sizi bir haber bültenine abone olmak veya bir e-kitap indirmek gibi belirli bir eyleme teşvik etmek için tasarlanmıştır.

Bu açılır pencereler potansiyel müşterileri yakalamak ve satışları teşvik etmek için etkilidir. Ayrıca değerli içerik veya teşvikler sunarak kullanıcı katılımını da artırırlar.

Google mobil açılır pencereler hakkında ne diyor?

Google, özellikle kullanıcı deneyimi ve arama motoru sıralamalarıyla ilgili olarak mobil açılır pencerelerdeki konumu konusunda netti.

2017 yılında Google, mobil cihazlarda izinsiz açılır pencereler kullanan web sitelerini cezalandırmak amacıyla mobil arama algoritmasında " Müdahaleci Geçiş Reklamları Güncellemesi " olarak bilinen bir güncelleme başlattı.

Google'ın yönergelerine göre, özellikle web sitesi ziyaretçileri tarafından arama sonuçlarından erişildiğinde, ana içeriğin önemli bir bölümünü kaplayarak kullanıcı deneyimini bozan mobil pop-up'lar, müdahaleci olarak değerlendirilebilir.

Araya giren açılır pencerelerin örnekleri şunları içerir:

  • Kullanıcı arama sonuçlarından bir sayfaya geldikten hemen sonra görünen pop-up'lar.
  • Tüm ekranı kaplayan ve kullanıcıların ana içeriği görmesini engelleyen açılır pencereler.

(Not: Yaş doğrulama veya çerez kullanımı gibi bazı açılır pencere türleri, hemen gösterilmeleri halinde kabul edilebilir.)

Bu nedenle, pazarlamacıların mobil pop-up'ları dikkatli bir şekilde kullanmaları ve kullanıcı deneyimini olumsuz etkilemek yerine olumlu bir şekilde katkıda bulunmalarını sağlamaları teşvik edilmektedir.

Mobil cihazlar için açılır pencereler tasarlamaya yönelik 7 en iyi uygulama

Artık mobil açılır pencerelerin ne olduğunu ele aldığımıza göre, kendi mobil uyumlu açılır pencerenizi tasarlamak için en iyi yedi uygulamaya göz atalım.

1. Kısa kopya kullanın

Mobil kullanıcıların dikkat süreleri kısa olduğundan, açılır pencere kopyanızı kısa ve öz ve doğrudan konuya yönelik hale getirmeniz çok önemlidir.

Mesajınızı kısa tutun ve değer önerinizi net bir şekilde iletin. Bu, kullanıcıların devam etmeden önce onu okuyup anlama olasılığını artıracaktır.

2. Musluk dostu olduğundan emin olun

Mobil cihazlarda alan kısıtlı olduğundan CTA düğmelerinizin , bağlantılarınızın ve giriş alanlarınızın kolayca dokunulabilir olduğundan emin olun.

Kullanıcıların yanlışlıkla onlara vurmaması için onlara bol miktarda yer ve alan verin. Ayrıca açılır pencerenizin genel kullanılabilirliğini de artırır.

3. Form alanlarını en aza indirin

Mobil açılır pencerenizdeki form alanlarının sayısını en aza indirmek, kullanıcı deneyimini kolaylaştırmak ve anlaşmazlıkları azaltmak için çok önemlidir.

Kullanıcıların işlemi tamamlamasını kolaylaştırmak için ziyaretçinin e-posta adresi gibi temel bilgileri istemeniz yeterli.

4. Doğru formatı seçin

Doğru açılır pencere biçimini seçmek, etkinliğini önemli ölçüde etkileyebilir.

Modal katmanlar, kaydırılan öğeler, tam ekran geçiş reklamları veya banner çubukları arasında karar verirken mesajınızın doğası ve kullanıcılarınızın tarama davranışları gibi faktörleri göz önünde bulundurun.

5. Her zaman bir kapatma seçeneği ekleyin

Pop-up'lar dikkat çekme ve dönüşüm sağlama konusunda etkili olsa da, kullanıcılara ilgilenmedikleri takdirde bunları kapatmaları için açık ve kolay bir yol sağlamak çok önemlidir.

Görünür bir "x", bir kapatma düğmesi veya oldukça görünür bir "Kapat" bağlantısının eklenmesi, kullanıcıların açılır pencereyi sıkıntı yaşamadan kapatabilmesini sağlar.

6. Görselleri sınırlayın

Görsel öğeler açılır pencerenizin çekiciliğini artırabilir ancak bunları sağduyulu bir şekilde kullanın.

Yükleme sürelerini yavaşlatabilecek veya ana mesajdan uzaklaşabilecek aşırı görseller veya animasyonlarla kullanıcıları bunaltmaktan kaçının.

Görselleri akıllıca kullanın ve içeriği tamamladıklarından emin olun, böylece estetik ile işlevselliği dengeleyebilirsiniz.

7. Onlara çıkış amacını gösterin

Çıkış amacı stratejisi uygulamak, pop-up'ları çok uygun bir zamanda, yani kullanıcılar sayfadan ayrılmak üzereyken görüntülemenize olanak tanır.

Çıkış amacını tespit ederek, kullanıcıların dikkatini çeken ve onları ayrılmayı yeniden düşünmeye teşvik eden hedefli bir teklif veya mesaj sunabilirsiniz. Çıkış amaçlı mobil pop-up'ların kullanılması, aksi takdirde herhangi bir işlem yapmadan ayrılabilecek ziyaretçiler arasındaki mobil dönüşümleri artırabilir.

Etkili mobil pop-up'lara 9 örnek

Şimdi, 9 olağanüstü mobil pop-up örneğine ve onlardan çalabileceğiniz bazı fikirlere göz atalım.

1. Bitki Bilimi

Vegetology'nin tam ekran mobil açılır penceresi

Vegetology'nin açılır penceresi basit ama etkilidir. Mobil açılır pencerelerin en iyi uygulamalarını çok ayrıntılı bir şekilde uyguluyorlar:

  • markalarının rengini yeşil kullanıyorlar,
  • yalnızca kullanıcının e-posta adresini isterler,
  • ürün resimlerini gösterirler (ziyaretçide güven oluşturur),
  • ve bir “X” düğmesi içerirler.

2. Vernik ve Asma

Varnish ve Vine'ın mobil pop-up'ı doğrudan mobil satışların artmasına yardımcı oluyor

Varnish ve Vine'ın mobil açılır penceresi, etkili kalarak çok fazla ekran alanı kaplamaktan nasıl kaçınılacağının harika bir örneğidir.

Mobil uyumlu açılır pencereleri aynı zamanda metinle markaya sadık kalmanın bir örneğidir ve etkili, dikkat çekici bir CTA kullanırlar: "%15 indirimimi alın."

3. Lammle'ın

Lammle'ın tam ekran açılır pencereli mobil versiyonu daha fazla potansiyel müşteri elde etmenize yardımcı olur

Lammle'ın açılır penceresi, ziyaretçilerin haber bültenine abone olmaları durumunda yararlanacakları faydaların nasıl vurgulanacağına dair iyi bir örnektir.

Zaten ziyaretçiye aidiyet duygusu sağlayan “topluluk” kelimesini kullandıklarını unutmayın. Ayrıca abonelerin özel tekliflere ve yeni gelenlere erişebildiğinden de bahsediyorlar.

4. Taç ve Pençe

Crown and Paw'un açılır penceresi tüm mobil cihazlara en iyi mobil açılır pencere uygulamalarını uygular

Crown & Paw, büyük, cesur bir değer teklifi içeren tam ekran bir mobil açılır pencere kullanıyor: "%20 İNDİRİMİN Kilidini Açın."

Rahat bir mobil deneyim için öğeler arasına bol miktarda boşluk eklediler.

Ayrıca, aciliyet duygusunu artıran alt kısımdaki geri sayım sayacına da dikkat edin . Bir indirim kodu sunmak ve onu ekstra bir şeyle renklendirmek harika bir mobil açılır pencere en iyi uygulamasıdır.

5. MotionGrey

MotionGrey'in açılır penceresi doğrudan ürün sayfası ziyaretçilerine yöneliktir

MotionGrey'in mobil açılır penceresi tamamen doğrudan olmakla ilgilidir. Açılır pencereleri ürün sayfasında görünür, minimum yer kaplar ve doğrudan konuya girer.

Fark edeceğiniz gibi, açılır pencereleri kişiselleştirilmiştir; ayakta duran masalara göz atan ziyaretçiler, mobil dönüşümleri artırmanın harika bir yolu olan özel bir teklif alırlar.

6. STEM Çocukları

TheStemKids'in iki adımlı mobil açılır pencere türü, kullanıcıları dönüştürmenin harika bir yoludur
TheStemkid'in mobil açılır penceresinin ikinci sayfası, web sitesi ziyaretçisinin seçebileceği yerdir

TheSTEMKid'in iki adımlı mobil açılır penceresi, ziyaretçilerinizi daha iyi tanımanın harika bir yoludur.

İlk sayfada kullanıcının tercihleriyle ilgili basit bir soru soruyorlar.

Ziyaretçi ikinci sayfaya geçtiğinde e-posta adresini yazarak %10 indirim karşılığında bültene kayıt olmayı tercih edebiliyor.

7. Zerdeçal Şirketi

Zerdeçal Co'nun mobil açılır penceresinde net bir CTA düğmesi ve koyu renkler kullanılıyor

Zerdeçal Co., kelimeleri dikkatli ama etkili bir şekilde seçmenin harika bir örneğidir. Mobil açılır pencereleri tüm ekranı kaplıyor ve koyu renkler ve net bir CTA kullanıyor.

Açılır pencerelerinde ilginç olan "Hayır, teşekkür ederim, her zaman tam bedelini öderim" seçeneğidir. İndirim kodu alma seçeneği olsa kim buna tıklar ki? Zekice, değil mi?

8. RYZE Mantar Kahvesi

Ryze Mushroom Coffee'nin mobil açılır penceresi sadeliğin simgesidir

Ryze Mushroom Coffee'nin mobil açılır penceresi basitliğin ta kendisidir.

Kullanıcı dostudur, ekran boyutuna iyi uyum sağlar ve "hemen" kelimesini kullanır ve müşteriyi hemen satın almaya teşvik eder (ve potansiyel olarak dönüşüm oranını artırır).

9. Gelpro Avustralya

Gelpro Avustralya'nın web sitesi ziyaretçilerinin seçebileceği geniş alana sahip mobil açılır penceresi

Gelpro Avustralya'nın açılır penceresi son derece mobil uyumludur.

Açılır pencereleri ekranın tamamını kaplıyor ancak ziyaretçilerin iletişim formunu doldurması için ne kadar alan bıraktıklarına dikkat edin. Bu küçük detay, kullanıcı deneyimini çok daha akıcı hale getiriyor.

Mobil açılır pencere nasıl oluşturulur?

Artık bazı harika açılır pencere örneklerini gördüğünüze göre, mobil trafiğinizi etkili bir şekilde dönüştürmek için kendi mobil açılır pencerenizi nasıl oluşturacağınıza daha yakından bakmanın zamanı geldi.

1. Adım: Doğru aracı seçin

Mobil ziyaretçiler için optimize edilmiş şablonlar sunan ve özelleştirmeye izin veren güvenilir bir açılır pencere oluşturucu veya platform seçin.

OptiMonk, mobil açılır pencereler ve masaüstü açılır pencereleri oluşturmak için en iyi açılır pencere oluşturma araçlarından biridir. Mobil açılır pencereler için sağladığı bazı özellikler şunlardır:

  • Otomatik mobil optimizasyon
  • Mobil ekrana özel ayarlar
  • Mobil görüntüleme için optimize edilmiş şablonlar
  • Mobil cihazlarda öğeleri gizleme yeteneği
  • Mobil cihazlar için hız optimizasyonu

2. Adım: Bir şablon seçin

Markanızın tarzına ve kampanya hedeflerine uygun, mobil uyumlu birçok şablonumuzdan birini seçin.

OptiMonk, potansiyel müşteri oluşturmaktan promosyon sunmaya kadar çeşitli amaçlara uygun, özelleştirilebilir bir dizi şablon sunar. İster şık ve modern bir görünüm ister daha canlı ve ilgi çekici bir tasarım hedefliyor olun, ihtiyaçlarınıza uygun şablonlar bulacaksınız.

300'den fazla şablonun tamamını görmek için burayı tıklayın veya aşağıdaki birkaç örneğe göz atın:

3. Adım: Açılır pencerenizin tasarımını özelleştirin

Logonuzu, görsellerinizi ve ilgi çekici metninizi ekleyerek açılır pencerenizi marka kimliğinizi yansıtacak şekilde uyarlayın.

Hedef kitlenizle bağlantı kuran çekici ve etkileşimli bir açılır pencere oluşturmak için düzenlemeyi, renk düzenini, yazı tipi stillerini ve diğer görsel bileşenleri ayarlayın.

Pop-up'ınızı mobil veya masaüstü ziyaretçiler için mi oluşturmak istediğinizi seçebilirsiniz.

4. Adım: Mobil kullanıcılar için optimizasyon yapın

Açılır pencerenizin mobil cihazlarda çalıştığından emin olun! Farklı ekran boyutlarında ve yönlerinde test edin.

Öğelerin yerleşimine ve mobil cihazlardaki genel kullanıcı deneyimine dikkat edin.

OptiMonk'un mobil optimizasyon özellikleri, açılır pencerenizin harika görünmesini ve akıllı telefonlarda ve tabletlerde sorunsuz bir şekilde çalışmasını sağlar, böylece herkesin onu kullanırken iyi vakit geçirmesini sağlar.

OptiMonk'taki açılır pencerenizi mobil sitenize göre uyarlayın.

5. Adım: Tetikleme seçeneklerini ayarlayın

Kullanıcı davranışı ve niyetleriyle eşleşen bir tetikleyici seçenek seçin. Kullanıcıların dikkatini doğru anda çekmek için çıkış amacı tetikleyicilerini veya kaydırma tabanlı tetikleyicileri kullanmayı düşünün.

Zamana dayalı tetikleyicileri tercih ediyorsanız bunların Google'ın gerekliliklerine uyması için geciktirildiğinden emin olun.

OptiMonk'un çok yönlü tetikleme seçenekleriyle hedef kitlenizin ilgisini etkili bir şekilde çekebilir ve pop-up'larınızın etkisini en üst düzeye çıkarabilirsiniz. Yanıt verebilirliğini ve mobil kullanıcı deneyimini test ederek açılır pencerenizin mobil cihazlar için optimize edildiğinden emin olun.

Tetiklemenizi (masaüstü ve mobil) çıkış amacına göre ayarlayabilirsiniz.

6. Adım: Hedef kitlenizi segmentlere ayırın

Mobil pop-up'larınız aracılığıyla kişiselleştirilmiş mesajlar ve teklifler sunmak için hedef kitlenizi demografik özelliklere, davranışlara veya diğer ilgili faktörlere göre bölün.

Hedef kitlenizi bölümlere ayırarak, pop-up içeriğinizi belirli kullanıcı gruplarına göre düzenleyerek alaka düzeyini ve etkileşimi artırabilirsiniz.

OptiMonk, hedef kitle segmentlerini kolayca oluşturmanıza ve yönetmenize olanak tanıyarak, her açılır pencerenin doğru hedef kitle segmentlerinde yankı bulmasını ve anlamlı sonuçlar doğurmasını sağlar.

7. Adım: Entegrasyonu ayarlayın

Veri toplama ve kampanya yönetimini kolaylaştırmak için açılır pencerenizi e-posta pazarlama yazılımınız veya müşteri ilişkileri yönetimi (CRM) sistemleriniz gibi diğer pazarlama araçlarına ve platformlarına bağlayın .

Açılır pencerenizi diğer araçlarla entegre etmek, mevcut verilerden ve iş akışlarından yararlanmanıza olanak tanıyarak performansı izlemenizi, olası satışları artırmanızı ve dönüşümleri artırmanızı kolaylaştırır.

OptiMonk'un kusursuz entegrasyonları sayesinde, daha uyumlu ve verimli bir pazarlama stratejisi için açılır pencere verilerini tercih ettiğiniz pazarlama araçlarıyla zahmetsizce senkronize edebilirsiniz.

8. Adım: Açılır pencerenizi etkinleştirin

Mobil pop-up'ınızın tasarımını ve ayarlarını tamamladıktan sonra hedef kitlenizle etkileşim kurmaya başlamak için onu etkinleştirin!

Yalnızca birkaç tıklamayla açılır pencerenizi başlatabilir ve potansiyel müşterileri yakalamaya, teklifleri tanıtmaya ve web sitenizde dönüşümleri artırmaya başlayabilirsiniz.

OptiMonk'un basit aktivasyon süreci, açılır pencerenizin hızlı ve sorunsuz bir şekilde yayına girmesini sağlayarak sonuçları hemen görmeye başlamanıza olanak tanır.

SSS

Mobil cihazlarda açılır pencereleri kullanmalı mısınız?

Evet, mobil cihazlarda açılır pencereleri kullanmalısınız ancak kullanıcı deneyimini dikkatli bir şekilde değerlendirmelisiniz. Açılır pencereler, mobil web sitenizin hedef kitlesiyle etkileşimde bulunmak, özel teklifleri tanıtmak ve dönüşümleri artırmak için etkili bir araç olabilir. Ancak pop-up'larınızın alakalı, iyi zamanlanmış ve kolayca kapatılabilir olmasını sağlamak önemlidir. Bu makalede paylaşılan mobil açılır pencerelerin en iyi uygulamalarını takip ederek açılır pencerelerinizden en iyi şekilde yararlanabilir ve kullanıcıları rahatsız etmekten kaçınabilirsiniz.

Mobil pop-up'larla belirli hedef kitle segmentlerini hedefleyebilir miyim?

Evet, OptiMonk gibi birçok açılır araç, e-ticaret mağazanızın hedef kitlesini demografik bilgiler, davranış veya yönlendirme kaynağı gibi çeşitli kriterlere göre bölümlere ayırmanıza olanak tanır. Hedef kitlenizi bölümlere ayırmak, kişiselleştirilmiş mesajlar ve teklifler sunmanıza olanak tanıyarak alaka düzeyini ve etkileşimi artırır.

Mobil pop-up'larımın etkinliğini nasıl ölçebilirim?

Dönüşüm oranı, tıklama oranı, etkileşim oranı ve hemen çıkma oranı gibi metrikleri takip ederek mobil açılır pencerelerinizin etkinliğini ölçebilirsiniz. Çoğu açılır pencere aracı, açılır pencerelerinizin performansını değerlendirmenize ve daha iyi sonuçlar elde etmek için bunları optimize etmenize yardımcı olacak analiz ve raporlama özellikleri sağlar.

Kapanıyor

Mobil pop-up'lara yönelik bu kapsamlı kılavuzun size en yakıcı sorularınızın yanıtlarını verdiğini umuyoruz!

Mobil pop-up'lar, olumlu bir göz atma deneyimini sürdürürken kullanıcı etkileşimini etkili bir şekilde artırabilir ve dönüşümleri artırabilir.

Hemen başlamak istiyorsanız, bugün ücretsiz hesabınızı oluşturun ve mobil açılır dünyaya kendinizi kaptırın. Mutlu yaratma!

Bunu Paylaş

Önceki Önceki Yazı E-ticaret Ürün Kişiselleştirme: Tanımı, Faydaları, Örnekleri ve Shopify Uygulamaları
Sonraki Gönderi Nasıl Yükseltilir: Satışlarınızı Artıracak 11 Strateji Sonraki

Tarafından yazılmıştır

Barbara Bartucz

Barbara Bartucz

Barbara, OptiMonk'ta İçerik Pazarlamacısıdır. İster makale, ister video, ister e-kitap olsun, farklı içerik biçimleri oluşturmaktan gurur duyuyor.

ŞUNLAR DA HOŞUNUZA GİDEBİLİR

6 E-ticaret Müşteriyi Elde Tutma Stratejileri

Daha Sadık Müşteriler Kazanmak için 6 E-ticaret Müşteriyi Elde Tutma Stratejileri

Gönderiyi gör
Shopify'da Nasıl Para Kazanılır: 2024 İçin Kanıtlanmış 14 İpucu

Shopify'da Nasıl Para Kazanılır: 2024 İçin Kanıtlanmış 14 İpucu

Gönderiyi gör
İnsanların Ürününüzü Satın Almasını Nasıl Sağlayabilirsiniz: Kanıtlanmış 10 Strateji

İnsanların Ürününüzü Satın Almasını Nasıl Sağlayabilirsiniz: Kanıtlanmış 10 Strateji

Gönderiyi gör