Dulu, situs web memiliki banyak elemen yang tidak perlu, yaitu halaman yang penuh dengan skema warna yang mencolok dan jelek, terlalu banyak teks yang terjebak di ruang kecil, dan pop-up yang muncul dan mengganggu pengunjung.

Tetapi para desainer tidak tahu lebih banyak saat itu atau, lebih tepatnya, mereka hanya bekerja dengan satu-satunya tren desain dan praktik terbaik yang mereka ketahui.

Waktu telah banyak berubah sejak saat itu.

Pengembang dan desainer web tidak lagi dibatasi oleh teknologi atau teknik, yang berarti tidak ada lagi alasan untuk desain yang buruk. Ini menyangkut setiap elemen yang ditemukan di situs WordPress, mulai dari gambar header halaman beranda hingga bentuk kontak, serta dari tipografi hingga pop-up. Semuanya penting sekarang saat mendesain untuk pengalaman pengguna.

Hari ini saya ingin fokus pada apa yang membuat munculan efektif, sesuatu yang saya lihat sebagai bagian penting dalam proses konversi. Secara khusus, saya ingin melihat anatomi pop-up WordPress yang efektif dan bagaimana elemen menarik ini dapat meningkatkan tingkat konversi Anda.

Argumen untuk menggunakan pop-up di WordPress

Pop-up adalah elemen desain yang menarik. Meskipun mereka untuk sementara mengganggu pengalaman pengguna (yang biasanya tidak terlalu dihargai), yang dilakukan dengan benar menawarkan sesuatu yang begitu menarik atau menarik sehingga pengunjung tidak keberatan kehilangan menit untuk diperhatikan.

Tentu saja, dalam hal ini kita berbicara tentang pop-up penghasil konversi yang berfungsi untuk mengumpulkan pelanggan ke buletin atau membujuk pengunjung untuk melakukan pembelian. Namun, pop-up dapat digunakan untuk berbagai keperluan. Misalnya, Anda dapat membagikan cookie atau kebijakan privasi Anda, merekomendasikan item terkait setelah pengunjung menambahkan sesuatu ke troli, atau bahkan meminta mereka untuk melakukan survei singkat.

Anatomi Pop-up - Pop-up Rekomendasi Sasaran

Untuk sebagian besar, jika Anda menggunakan jendela pop-up, Anda mungkin ingin pengunjung mengambil tindakan. Lagi pula, mengapa mengganggu pengalaman mereka jika gangguan itu tidak berguna untuk penggunaan waktu mereka? Menurut penelitian terhadap hampir dua miliar pop-up, mereka menemukan rata-rata tingkat konversi untuk jenis pop-up ini adalah 3,09%.

Sekarang timbul pertanyaan: Apakah pop-up masih relevan dan efektif? Jika pasar terlalu jenuh dengan pop-up keluar, bilah halo, hamparan halaman penuh, dan banyak lagi, apakah ini alat generator konversi yang layak digunakan di situs WordPress Anda?

Tentu saja !!!

Ada banyak praktik desain web yang baik yang memperhitungkan pop-up. Sebagai contoh:

  • Pop-up menghilangkan kekacauan yang tidak perlu dari halaman situs Anda.
  • Mereka biasanya terdiri dari visual bersih dan teks minimal.
  • Ajakan bertindak dirancang dengan baik dan hanya ditawarkan dalam bentuk kata-kata.
  • Ada kurva belajar kecil bagi pengunjung Anda karena kebanyakan orang sudah familiar dengan pop-up dan tahu bagaimana berinteraksi dengan mereka.
  • Pop-up memberikan kesempatan yang menyenangkan untuk menanamkan situs Anda dengan animasi, video, atau bukti sosial.
  • Anda dapat dengan mudah membuatnya dengan plugin WordPress kualitas tinggi seperti Hustle atau OptinMonster.

Anatomi pop-up - bukti sosial HubSpot

Secara umum, pop-up yang dirancang dengan baik sangat ideal untuk menarik perhatian pengunjung saat Anda sangat membutuhkannya. Anda dapat menggunakannya untuk mengirim pemberitahuan atau permintaan tepat waktu. Anda juga dapat menggunakan data pengunjung untuk membujuk mereka agar melakukan pembelian.

Anatomi pop-up WordPress yang efektif

Jelas, keberhasilan pop-up situs WordPress Anda bergantung pada pop-up yang dirancang dengan sempurna dan memiliki penawaran yang sangat menarik sehingga pengunjung tidak dapat menahan diri untuk tidak berinteraksi. Jadi mari kita lihat seperti apa formula kemenangan untuk pop-up yang efektif.

1. gaya

Berbagai jenis pop-up cenderung lebih efisien dalam mengubah pengunjung menjadi pelanggan:

  • Pop-up langganan email memiliki tingkat konversi 2,9%.
  • Pop-up selamat datang (yang mengisi halaman penuh saat masuk) dikonversi pada 2,6%.
  • Munculan yang dipicu gulir mengkonversi 1,9%.
  • Smart atau Hello pop-up menampilkan konversi 0,5%.

Itu tidak berarti Anda harus selalu menggunakan pop-up langganan email tradisional. Berikut adalah contoh dari situs Neil Patel.

Anatomi Pop-up - Bar Neil Patel Halo

Yang ini dilakukan dengan baik, karena dirancang sederhana, tidak mengganggu, et menggunakan animasi yang menyenangkan untuk menarik perhatian jika jejak minimalnya tidak diperhatikan. Ingatlah bahwa memilih gaya bukanlah tentang menggunakan salah satu yang paling populer atau paling terkenal untuk rasio konversi yang lebih tinggi. Ini tentang menemukan gaya yang sesuai untuk situs Anda, pengunjung Anda, dan yang dirancang untuk melengkapi pengalaman di antaranya.

2. warna

Warna tentu saja akan selalu memainkan peran utama dalam desain website. Dengan memahami psikologi di balik warna yang Anda pilih, Anda dapat membuat pop-up yang lebih efektif. Tentu saja, Anda juga tidak bisa melupakan skema warna yang sudah mapan untuk merek Anda, jadi ini semua tentang menemukan keseimbangan antara mendesain jendela pop-up yang terlihat bagus di situs, tetapi yang mana juga mendorong pengunjung untuk mengambil tindakan.

3. komposisi

Penting untuk mundur selangkah dan melihat pop-up secara keseluruhan. Meskipun desain dari setiap bagian bergerak dalam pop-up penting, seperti halnya keseluruhan riasan pop-up.

Jendela sembulan Anda seharusnya:

  • sederhana dan mudah diikuti.
  • Didesain dengan garis yang bersih dan seimbang.
  • Sertakan gambar yang relevan dan beresolusi tinggi; idealnya, satu gambar yang merangkum subjek penawaran.
  • Tampaknya menjadi perpanjangan dari situs Anda dan jelas tidak dibuat dari pop-up dengan opsi penyesuaian terbatas.
  • Gunakan tipografi yang besar dan mudah dibaca.

4. teks

Kemudian kami memiliki pesan pop-up. Meskipun Anda tidak dalam proses mengembangkan bahasa untuk hal-hal ini, ada sejumlah praktik terbaik yang harus tetap Anda waspadai saat mengisi pop-up dengan teks.

Perhatikan hal-hal berikut:

  • Selalu sertakan judul, pesan singkat (cukup dengan satu kalimat), dan ajakan bertindak.
  • Gunakan bahasa yang kuat yang menarik bagi emosi pengunjung.
  • Bersikaplah singkat. Jika Anda tidak dapat menulisnya kurang dari 30 kata, pesan ini tidak termasuk dalam jendela pop-up.
  • Gunakan nada dan kepribadian yang sama yang Anda gunakan di situs Anda.
  • Tawarkan sesuatu yang berharga yang tidak akan ditemukan pengunjung Anda di tempat lain di situs.
  • Gunakan urgensi jika memungkinkan. Jika Anda tidak dapat melakukannya dengan kata-kata, lakukan dengan warna.

Munculan anatomi - Hamparan layar Wishpond

5. CTA

Ada tren aneh yang berkembang akhir-akhir ini di mana situs web memberi pengunjung dua opsi ajakan bertindak. Saya mengerti mengapa tren ini berkembang, tetapi saya telah melihatnya salah diterapkan di banyak situs web sehingga saya berharap tren ini pada akhirnya akan mati.

Anda mungkin telah melihat aplikasi yang buruk ini sendiri:

  1. Opsi positif : Yang ini berkata, “Oh, terima kasih, terima kasih! Saya tahu tawaran ini akan mengubah hidup saya menjadi lebih baik! " 
  2. Opsi negatif : Yang ini berkata, "Saya suka membuat pilihan hidup yang buruk dan saya menghargai Anda menggosok wajah saya." Izinkan saya mengeklik opsi mencela diri sendiri ini hanya untuk menerima jendela lain yang menanyakan saya lagi apakah saya ingin membuat keputusan yang mengerikan ini. " 

Ini bukan untuk mengatakan bahwa semua pop-up dengan dua opsi CTA dirancang dengan buruk atau dimaksudkan untuk mempermalukan pengunjung. Tim Ferris memiliki contoh bagus dari CTA opsi ganda yang dilakukan dengan baik:

Anatomi Pop-up - Tim Ferris Positif Negatif

Secara keseluruhan, bagaimanapun, saya akan mengatakan bahwa jika Anda mencoba untuk menjadi sarkastik atau mengintimidasi pengunjung Anda ke dalam keputusan mereka, keluarlah dari situs Anda dan taruh di Twitter. Situs web Anda bukanlah tempat untuk itu dan Twitter mudah-mudahan akan menelannya sepenuhnya.

Terlepas dari kesedihan hewan peliharaan itu, saya juga menyarankan agar ajakan bertindak tetap sederhana. Gunakan bahasa sederhana yang menjelaskan apa yang akan didapat pengunjung dengan memasukkan email mereka atau mengklik tombol. Selain itu, minimalkan pekerjaan: tidak lebih dari dua bidang yang harus diisi (yaitu Email dan mungkin nama) dan satu tombol untuk diklik.

Itu saja untuk tutorial ini, saya harap ini memungkinkan Anda merancang tombol ajakan bertindak dengan baik.