Mobil Açılır Pencere En İyi Uygulamaları: Dönüştüren Açılır Pencereler Tasarlamak İçin 9 İpucu

İşte kendini telefon bağımlısı olarak tanımlayan bir kişinin dudaklarından doğrudan kulaklarınıza çok da gizli olmayan bir ipucu: insanlar telefonlarınayapıştırılmışdurumda. Temel olarak hayati bir organdır. Yalan söyleme, sen bizden birisin.

Hala mobil cihazların sadece sosyal medya ve GPS navigasyonu için olduğunu düşünüyorsanız, tekrar düşünün. Tüketiciler telefon ve tabletlerindenalışverişyapıyor. 2021 yılına kadar, e-ticaretin %54'ünün mobil üzerinden gerçekleşeceği tahmin ediliyor. Ve tüketicilerin %55'i bir şeyi sosyal medyada keşfettikten sonra çevrimiçi olarak satın aldı (unutmayın, parasını ödediğiniz Instagram reklamları doğrudan mobil sitenize gider!).

Bu, aklınızı başınızdan alacak: Shopify satıcıları için mobil, 2019'un BFCM'si sırasında satışların %69'unu oluşturuyordu.

Bu nedenle, mobil sitenizin kullanılmayan en iyi satış elemanınız olması için muazzam bir fırsat var. Pek çok e-ticaret mağazası, Google'ın izinsiz geçiş reklamlarıyla ilgili kurallarını ihlal etmekten korktukları için mobil açılır pencereleri kullanmaktan çekiniyor (TLDR; Google, araya giren mobil açılır pencerelere sahip siteleri, açılır pencere sitenin gerekli bir parçası olmadığı sürece arama sıralamalarında düşürerek cezalandırır. yaş doğrulaması veya çerez sorumluluk reddi beyanı gibi).

Google, yalnızca açılır pencerelerin kullanıcı deneyimine müdahale etmemesini sağlamak istiyor. Mantıklı, değil mi? Bu, mobil sitenizde pop-up'ları dağıtamayacağınız anlamına mı geliyor? Kesinlikle hayır. Bunu, ziyaretçilerinizin istedikleri bilgileri kolayca görmelerini sağlayacak şekilde yapmanız yeterlidir. Temel olarak, açılır pencerenizin "müdahaleci" olmasını istemezsiniz, bu şu anlama gelir:

1. Tüm ekranı kaplayacak şekilde kullanıcının sitenizdeki içeriği görmesini engellememeli veya;

2. Tam ekran bir açılırpencereyse, içeriğinizle ilgilendiğini göstermek için yalnızca kullanıcı aşağı kaydırdıktan veya birkaç sayfayı ziyaret ettikten sonra görünmelidir.

Not: Çerez sorumluluk reddi beyanı, yaş doğrulaması veya ülke doğrulaması gibi sitenizin çalışması için gerekliyse bir açılır pencerenin hemen görüntülenmesinde sorun yoktur:

Ziyaretçileri müşteriye dönüştüren son derece etkili mobil pop-up'lar oluşturmak için birkaç ipucu.

1. Uyumlu bir biçim seçin

Araya giren pop-up'lar nedeniyle Google polisinin sitenizin sıralamasını düşürmesinden endişeleniyorsanız, ekranda daha az yer kaplayan bir biçim (diğer bir deyişle, daha az müdahaleci seçenekler) seçerek bunu çözebilirsiniz. Örneğin, çubukların mobil cihazlarda görüntülenmesi kolaydır ve ekranda çok az yer kaplar. Bunlar, Mollyjogger'dan aşağıdaki örnek gibi, birden çok sayfada öne çıkarmak istediğiniz ücretsiz gönderim veya indirimleri görüntülemek için özellikle kullanışlıdır:

Alternatif olarak, bir karşılama açılır penceresi kullanıyorsanız, uçuşlar da bunun yoludur. Bu tür açılır pencereler, ekranın köşesinde veya altında bir tanıtımla başlar ve ardından, Hardcore Carnivore'daki gibi, kullanıcı tıkladığında genişler:

Ne yapmayı seçerseniz seçin, boyutları bilgisayar ekranı yerine bir telefona en uygun şekilde ölçeklendirerek mobil uyumlu hale getirdiğinizden emin olun. Privy'nin açılır düzenleyicisinde, mobil cihazlar için özel olarak optimize edilmiş şablonlar arasından seçim yapabilirsiniz, yani bu oldukça basit olmalı! Masaüstü açılır pencerelerinizi bir mobil şablona kopyalamak ve oradan revize etmek de kolaydır.

2. Ya da büyük olun ama düşünceli olun

Anladım. Tam ekran açılır pencereler iyi görünüyor. Bunları kullanmak istiyorsanız, yalnızca bir kullanıcı içeriğinizle sürekli ilgilendiğini ifade ettikten sonra daha büyük açılır pencereleri tetikleyerek Google'ın araya giren geçiş reklamları politikasına uymaya devam edebilirsiniz. Bu, CROSSNET'teki gibi, ana sayfanın yarısında kaydırmayla tetiklenen bir açılır pencere anlamına gelebilir:

Ayrıca, yalnızca müşteri sitenin birkaç sayfasını ziyaret ettikten sonra tetiklenen bir açılır pencere anlamına da gelebilir.

Ve bu açılır pencerelerin dikkat çekmemesi için, X'i insanların dokunmatik ekranda kolayca tıklatabilecekleri kadar büyük yaparak kullanıcının kapatmasını her zaman kolaylaştırın.

3. Segmentasyon sizin dostunuzdur

Mesajınız ne kadar kişiselleştirilirse, ziyaretçinin dönüşüm gerçekleştirme olasılığı o kadar yüksek olur. Bu nedenle, alışveriş deneyimini aşağıdakiler gibi farklı hedef kitlelerinize göre uyarlamayı deneyin:

1. Yepyeni site ziyaretçileri ( aşağıdaki Epicured gibi)

2. Hiç satın almamış seri tarayıcılar

3. Alışveriş sepetini terk eden müşteriler

4. Sadık müşteriler veya sık alıcılar

5. Sitenize sosyal medyadan yönlendirilen ziyaretçiler

6. Belirli bir coğrafi bölgede yer almak

Ziyaretçinin hangi kategoriye girdiğine bağlı olarak, mobil ekranınızı en alakalı olacak şekilde özelleştirebilirsiniz.

4. CTA'nızı doğrudan ve net yapın

Mobil açılır pencereler küçüktür, bu nedenle güçlü bir tasarıma sahip net bir hedefleri olmalıdır. Harekete Geçirici Mesaj, Goldie'nin saçma sapan uçup gitmesi gibi, müşterilerinizin yapmasını istediğiniz şey için açık bir bilgi istemi olmalıdır. Kullanıcıların kafası karışırsa, dönüştürmeden hızlıca kaydırırlar.

Sadece kelimeler açık olmamalı, CTA da dikkat çekmelidir. Magic Spoon'un elektrikli cam göbeği gibi zıt bir renk kullanın ve düğmeyi, küçük bir dokunmatik ekran kullanırken tıklaması kolay olacak kadar büyük yapın.

5. Sözlerinizi seçin

Telefonlar, müşterilerinizin dikkat sürelerinin en kısa olduğu cihazlardır, bu nedenle mobil açılır pencereleri oldukça kısa ve sevimli tutun. Her şey kelimelerinizi dikkatlice seçmek ve onları saydırmakla ilgili.

İlk olarak, çalışmak için çok fazla fiziksel alanınız olmadığını ve kullanıcılarınızın gözleri genç olmayabilir. HELM Boots'ta olduğu gibi, daha büyük, daha minimal metin en fazla etkiye sahip olacaktır:

6. Form alanlarınızı düşünün

Hiçbir müşteri, pazarlama e-postalarınıza kaydolurken uzun biçimli bir makale yazıyormuş gibi hissetmek istemez, bu yüzden onlardan çok fazla şey istemeyin. Bir akıllı telefon çoğu zaman hızlı, eşzamansız iletişim ve eylemler için kullanılır, bu nedenle kullanıcılarınız çok fazla bilgi yazmak için sabra sahip olmayabilir.

Pazarlama stratejiniz için en kritik form alanlarını düşünün ve kullanıcı deneyimini hayal etmek için zaman ayırın. Şu anda e-postalarından başka bir şeye ihtiyacınız var mı? Müşteri hala telefonuyla meşgulken birkaç dakika içinde bir metin pazarlama mesajı gönderebilmek için bir telefon numarası istemek mantıklı mı? Hangisi daha kullanıcı dostu: radyo düğmeleri mi yoksa açılır menüler mi? Yalnızca ihtiyacınız olanı isteyin ve müşterilerinizin size istediğiniz bilgileri vermesini mümkün olduğunca kolay hale getirin.

Seven Rock Life, yalnızca ziyaretçilerinin e-posta ve telefon numaralarını isteyerek form alanlarını daralttı, bu da onlara bir takip metin pazarlama kampanyası başlatma fırsatı verdi.

7. Oyunlaştır

Şimdiye kadar birkaç şeyi merak ediyor olabilirsiniz. Örneğin, mobil açılır pencereleriniz için yapabileceğiniz benzersiz bir şey var mı? Racheltümboş zamanını harika açılır pencere örnekleri bulmak için internette dolaşarak mı harcıyor? Her ikisinin de cevabı evet (inek uyarısı!).

Mobil kampanyalarınıza renk katmak için, insanların telefonlarında zaten severek oynadığı oyunlaştırmayı taklit eden ilgi çekici bir kullanıcı deneyimi oluşturmak için spin-to-win deneyin. Candy Crush kadar eğlenceli olmayabilir ama işe yarayacak. Ballwash'ın bu pop-up'ı, onların alaycı marka sesleriyle mükemmel bir şekilde eşleşiyor:

8. Bir çıkış amacı stratejisi kullanın

Mobil ziyaretçilerinizin bir kişiye dönüşmeden veya bir satın alma işlemi yapmadan hemen geri dönmesini istemezsiniz. Bir kez gittiklerinde, onları geri almak çok zordur. Bu nedenle, bir kullanıcı sitenizden uzaklaşmak üzereyken tetiklenen çıkış amaçlı bir açılır pencere kullanarak, onlar sizin bölgenizdeyken onlarla aynı seviyeye gelmek için pazarlama stratejinizi kullanın. Burası, anlaşmayı tamamlaması umuduyla veya en azından gelecekteki gelir fırsatları için iletişimde kalmaya devam edebileceğiniz umuduyla, e-posta adresleri karşılığında onları bir teklifle baştan çıkardığınız yerdir.

Piccolina'dan gelen bu, ödeme sayfasında görünür ve bir ziyaretçinin sepetinde bir ürün olduğu halde çıkmak üzereyken tetiklenir. Buradaki amaç, satışı indirimle gelen kutularına kaydetmektir:

9. Görüntülerden kaçının

Biliyorum biliyorum. Normalde, harika bir ürün fotoğrafı içeren bir açılır pencereye takıntılıyız. Ancak mobilde meşgul görünüyor (fotoğrafların sizde olmayan çok yer kaplamasından bahsetmiyorum bile). Bunun yerine, yüksek kontrastlı basit bir tasarımı tercih edin ve web sitenizdeki ürün görsellerinin kendilerini anlatmasına izin verin. Newton Baby'nin açılır pencerenin masaüstü sürümünde mobil uyumlu bir açılır pencere yapmak için nasıl küçük değişiklikler yaptığı aşağıda açıklanmıştır:

Çıkarım: Müşterilerinizin olduğu yerde olun

Mobil cihazlar için özel olarak tasarlanmış açılır pencereleriniz yoksa çok şey kaçırıyorsunuz.

Artık markalardan doğru yapan bir dizi örnek gördüğünüze göre, neyin en önemli olduğu konusunda gerçekten iyi bir fikir edinmiş olmalısınız.

Hala daha fazla ilhama ihtiyacınız varsa, telefonunuzdan en sevdiğiniz web sitelerinden bazılarına gidin ve mobil açılır pencerelerinin nasıl göründüğüne bakın.

Bu 9 ipucuyla, insanların gerçekten etkileşimde bulunacağı mobil pop-up'lar oluşturmaya hazırsınız. Böylece daha fazla kişiye pazarlama yapabilirsiniz. Ve daha fazla satış yapın.

Konular:
E-ticaret Markaları
E-ticaret Pazarlama
Web Sitesi Dönüşümü