Ana İçeriğe Geç

WordPress için etkili bir açılır pencere karakteristiği

Divi: Kullanılacak en kolay WordPress teması

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 600.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

Geçmişte, web siteleri gösterişli ve çirkin renk şemaları dolu sayfalar, küçük alanlarda sıkışmış çok fazla metin ve ziyaretçileri açan ve rahatsız eden pop-up'lar gibi birçok yararsız şey içeriyordu.

Ancak tasarımcılar o zamanlar daha fazla bir şey bilmiyorlardı, aksine, bildikleri tek tasarım eğilimleri ve en iyi uygulamalarla çalıştılar.

O zamandan beri Times çok değişti.

Web geliştiricileri ve tasarımcıları artık teknoloji veya teknoloji ile sınırlı değil, yani kötü tasarım için başka bahane yok. Bu, bir WordPress sitesinde bulunan, ana sayfanın başlık görüntüsünden iletişim formlarına ve ayrıca tipografiden pop-up'lara kadar her bir öğeyle ilgilidir. Artık kullanıcı deneyimi için tasarım yaparken her şey önemli.

Bugün, etkin bir açılır pencerenin neyin etkili olduğuna, dönüşüm sürecinin önemli bir parçası olduğunu düşündüğüm bir şeye odaklanmak istiyorum. Özellikle, etkili bir WordPress açılır penceresinin anatomisini ve bu heyecan verici öğenin dönüşüm oranınızı nasıl artırabileceğini incelemek istiyorum.

WordPress'te pop-up'ları kullanma argümanı

Pop-up'lar ilginç bir tasarım öğesidir. Kullanıcının deneyimini geçici olarak kesintiye uğratsalar da (genellikle beğenilmiyorlarsa da), iyi hazırlanmış olanlar, ziyaretçiler kaybetmeyi umursamadıkları için çekici veya heyecan verici bir şey sunuyor dikkat etmek için dakika.

Elbette, bu durumda, aboneleri bültene toplamak veya ziyaretçileri alışveriş yapmaya itmek için kullanılan açılır pencerelerden bahsediyoruz. Bununla birlikte, açılır pencereler çeşitli amaçlar için kullanılabilir. Örneğin, çerezlerinizi veya gizlilik politikanızı paylaşabilir, ziyaretçiler sepete bir şey ekledikten sonra ilgili öğeleri önerebilir veya hatta hızlı bir ankete cevap vermelerini isteyebilirsiniz.

Açılır Anatomi - Hedef Tavsiyelerin Açılır Penceresi

Çoğu zaman, eğer bir açılır pencere kullanıyorsanız, muhtemelen ziyaretçilerin harekete geçmesini istersiniz. Sonuçta, eğer kesintiler zamanlarının yararlı bir kullanımı değilse neden deneyimlerini kesmelisin? Yaklaşık iki milyar pop-up çalışmasına göre, bu pop-up'lar için ortalama dönüşüm oranının% 3,09 olduğunu buldular.

Bu şimdi soruyu gündeme getiriyor: pop-up'lar hala alakalı ve etkili mi? Piyasa çıkış pop-up'ları, merhaba barları, tam sayfa kaplamaları ve daha fazlasıyla aşırı doygunsa, WordPress sitenizde kullanmaya değer bir dönüşüm oluşturma aracı mıdır?

En iyi WordPress temalarını ve eklentilerini mi arıyorsunuz?

Envato'daki en iyi eklentileri ve WordPress temalarını indirin ve web sitenizi kolayca oluşturun. 49.720.000 indirme işleminden daha fazla. [ÖZEL]

Tabii ki !!!

Pop-up'lar, birçok iyi web sitesi tasarım pratiğini hesaba katmaktadır. Örneğin:

  • Pop-up'lar sitenizin sayfalarından gereksiz dağınıklığı ortadan kaldırır.
  • Genellikle temiz görsellerden ve minimum metinlerden oluşur.
  • Eylem çağrıları iyi tasarlanmış ve ifadeler açısından basitçe önerilmiş.
  • Çoğu insan pop-up'ları bildiği ve onlarla etkileşimde bulunmayı bildiği için ziyaretçileriniz için küçük bir öğrenme eğrisi bulunmaktadır.
  • Pop-up'lar sitenize animasyonlar, videolar veya sosyal kanıtlar eklemek için eğlenceli bir fırsat sunar.
  • Onları Hustle veya benzeri yüksek kaliteli WordPress eklentileri ile kolayca oluşturabilirsiniz. OptinMonster.

Anatomi açılır pencere - sosyal kanıt HubSpot

Genel olarak, iyi tasarlanmış bir pop-up, en çok ihtiyacınız olduğunda ziyaretçilerin dikkatini çekmek için mükemmeldir. Bildirimleri veya istekleri zamanında göndermek için bunları kullanabilirsiniz. Ziyaretçi verilerini, bir satın alma işlemi yapmaya teşvik etmek için de kullanabilirsiniz.

WordPress'de etkili bir pop-up anatomisi

Açıkçası, WordPress sitenizin pop-up'larının başarısı, mükemmel bir şekilde tasarlanmış ve ziyaretçilerin yardım edemeyecekleri ancak etkileşime giremeyecekleri zorlayıcı tekliflere sahip. Etkili bir pop-up için kazanan bir formülün nasıl göründüğüne bir göz atalım.

1. stil

Farklı pop-up türleri, ziyaretçileri abonelere dönüştürmede daha etkili olma eğilimindedir:

  • E-posta aboneliği pop-up'ları% 2,9 dönüşüm oranına sahip.
  • Hoşgeldin pop-up'ları (girerken tüm sayfayı işgal edenler)% 2,6 değerine dönüştürür.
  • Kaydırma ile tetiklenen pop-up'lar% 1,9 dönüştürür.
  • Akıllı veya Merhaba pop-up'lar 0,5 oranında bir dönüşüm görüntüler.

Bu, her zaman geleneksel bir e-posta aboneliği açılır penceresini kullanmanız gerektiği anlamına gelmez. İşte Neil Patel'in web sitesinde bir örnek.

Açılır Anatomi - Neil Patel'in Barosu Merhaba!

Bu iyi yapılır, çünkü basitçe tasarlanmış, müdahaleci olmayan et Minimum ayak izinin fark edilmemesi durumunda dikkat çekmek için eğlenceli bir animasyon kullanır. Bir stil seçmenin en popüler veya en yüksek dönüşüm oranları için bilinen olanı kullanmakla ilgili olmadığını unutmayın. Bu, siteniz, ziyaretçileriniz için işe yarayan bir stil bulmak ve ikisi arasındaki deneyimi tamamlamak üzere tasarlanmıştır.

2. renk

Tabii ki renk, web sitelerinin tasarlanmasında her zaman önemli bir rol oynayacaktır. Seçtiğiniz renklerin arkasındaki psikolojiyi anlayarak, dönüştüren daha etkili pop-up'lar oluşturabilirsiniz. Tabii ki, markanız için oluşturulmuş renk paletini unutamazsınız, bu nedenle sitede iyi görünen bir açılır pencere tasarımı arasında bir denge bulma meselesidir. ayrıca ziyaretçilerin harekete geçmesini gerektirir.

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

3. bileşim

Geri adım atıp açılan pencereyi bir bütün olarak görmek önemlidir. Her hareketli parçanın tasarımı açılır pencerede olmasına rağmen, genel bileşimi de aynı şekilde önemlidir.

Açılır pencereniz:

  • takip etmek basit ve kolay olun.
  • Temiz çizgilerle tasarlandı ve dengeli olun.
  • İlgili görüntüleri ve yüksek çözünürlüğü dahil edin; İdeal olarak, teklifin amacını özetleyen tek bir resimdir.
  • Sitenizin bir uzantısı gibi görünüyor ve sınırlı özelleştirme seçeneklerine sahip bir açılır pencereden yapılmıyor.
  • Büyük, okunması kolay bir tipografi kullanın.

4. metin

Sonra açılır mesaj var. Bu şeylere giren dili geliştirmese de, pop-up'ları metinle doldurma konusunda her zaman birkaç uygulamanın farkında olmalısınız.

Aşağıdakileri aklınızda bulundurun:

  • Her zaman bir başlık, kısa bir mesaj (bir cümle yapacak) ve bir harekete geçirme ifadesi ekleyin.
  • Ziyaretçilerin duygularına hitap eden güçlü bir dil kullanın.
  • Kısa ol 30 sözcüklerinden daha kısa sürede yazamazsanız, bu mesaj bir açılır pencereye ait değildir.
  • Sitenizde kullandığınız aynı ton ve kişiliği kullanın.
  • Ziyaretçilerinizin sitede başka bir yerde bulamayacağı değerli bir şey sunun.
  • Mümkünse acil durumu kullanın. Bunu kelimelerle yapamazsanız, renkle yapın.

Anatomi açılır - İstek ekranı kaplaması

5. CTA

Bugünlerde web sitelerinin ziyaretçilere iki harekete geçirme ifadesi seçeneği sunduğu garip bir eğilim var. Neden bu trendin arttığını anlıyorum, ancak trendin sonunda çıkacağını umduğum kadar çok web sitesinde çok kötü uygulandığını gördüm.

Muhtemelen bu kötü uygulamayı kendin gördün:

  1. Olumlu seçenek Bu, "Ah, teşekkür ederim, teşekkür ederim!" Diyor. Bu teklifin hayatımı daha iyi hale getirmek üzere olduğunu biliyorum. "
  2. Olumsuz seçenek Bu, “Kötü yaşam seçimleri yapmayı seviyorum ve yüzümü ovaladığın için teşekkür ederim. Bu kendinden mahrum bırakma seçeneğine tıklamama izin ver, sadece bu korkunç kararı vermek istersem tekrar soran başka bir pencere al. "

Bu, iki CTA seçeneğine sahip tüm pop-up'ların kötü bir şekilde tasarlandığı veya ziyaretçiyi utandırdığı anlamına gelmez. Tim Ferris, iyi yapılmış bir ikili opsiyon CTA'sına iyi bir örnektir:

Çevrimiçi Mağazanızı kolayca oluşturun

WordPress'te fiziksel ve dijital ürünlerinizi satmak için ücretsiz WooCommerce, en iyi e-ticaret eklentilerini indirin. [Ücretsiz]

Pop-up Anatomi - Tim Ferris Pozitif Negatif

Sonuçta, alaycı olmaya çalışırsanız ya da ziyaretçilerinizi kararına aldırmazsanız, sitenizden çıkıp Twitter'da bırakacağınızı söyleyebilirim. Web siteniz bunun için bir yer değil ve Twitter'ın da tamamen içine alacağını umuyoruz.

Bu evcil hayvan gözlüğünün yanı sıra, harekete geçirme çağrısını basit tutmanızı da öneririm. Ziyaretçilerin e-postalarını girmeleri veya tıklamaları karşılığında ne kadar alabileceklerini açıkça gösteren düz bir dil kullanın. Ayrıca, işi en aza indirgeyin: doldurulacak ikiden fazla alan (örn. E-posta ve belki de bir ad) ve tıklanacak bir düğme.

Hepsi bu ders için, umarız hareket butonlarını tasarlamanıza yardımcı olur.

Bu makale yorumları 0 içeriyor

YORUM BIRAKIN

E-posta adresiniz gösterilmeyecektir. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
8 hisseleri
hisse4
cıvıltı2
Enregistrer2