Desain Popup UX: Praktik Terbaik, Tip & Contoh

Setiap situs web yang berfokus pada keuntungan juga berfokus untuk mendapatkan lebih banyak konversi dari pengunjung mereka: mendorong mereka untuk membeli… atau setidaknya berlangganan.

Popup adalah alat terbaik untuk meningkatkan tingkat konversi. Hasil yang dilihat oleh toko e-niaga yang mulai menggunakan popup berbicara sendiri:

• Kiss My Keto menurunkan tingkat pengabaian keranjang mereka sebesar 20%
• Christopher Cloos meningkatkan tingkat konversi mereka sebesar 37%
• LEDAKAN! oleh Cindy Joseph meningkatkan pendapatan e-niaga mereka sebesar $148.297 hanya dalam satu bulan

Rahasia keberhasilan kampanye di atas adalah integrasinya dengan keseluruhan pengalaman pengguna (UX) setiap situs web. Perusahaan-perusahaan ini tidak pernah menginterupsi pengguna saat menampilkan popup, tetapi dengan cerdik mengaturnya agar muncul saat mereka dapat mengirimkan konten yang berguna dan relevan pada waktu yang tepat.

Jika Anda dapat melakukan ini di situs Anda, Anda tidak hanya akan menghindari gangguan UX Anda, tetapi Anda benar-benar akan meningkatkannya .

Dalam artikel ini, kita akan melihat 5 cara Anda dapat melakukan hal itu, dimulai dengan…

Munculan entri bisa sangat mengganggu.

Ini adalah sembulan yang muncul segera setelah situs web dimuat. Sama seperti pengunjung mulai mendapatkan bantalan mereka dan mengambil semua informasi di situs Anda, mereka terganggu oleh popup yang muncul entah dari mana.

Masuk popup juga:

• Mencegah pengunjung mendapatkan akses ke konten yang diinginkan
• Sering berisi konten yang tidak relevan
• Membingungkan pengunjung

Singkatnya, mereka hampir selalu lebih menyebalkan daripada membantu, dan mereka menurunkan UX situs Anda.

Daripada mengganggu pengunjung Anda dengan popup entri tradisional, biarkan mereka mengenal situs web Anda terlebih dahulu. Kemudian, Anda dapat menampilkan munculan Anda ketika perilaku mereka menunjukkan bahwa mereka siap untuk melihat pesan sekunder.

Berikut adalah beberapa cara umum untuk memicu munculan berdasarkan keterlibatan pengguna:

• Tampilkan sembulan setelah X detik: Opsi ini memberi pengunjung Anda waktu untuk menelusuri halaman yang mereka lihat. Anda dapat menarik perhatian mereka setelah mereka menghabiskan beberapa waktu di halaman.

• Tampilkan sembulan setelah menggulir X persen: Anda dapat mengatur sembulan agar muncul setelah pengunjung menggulir ke bawah persentase tertentu dari halaman web Anda.
  
  Misalnya, Anda dapat mengatur popup yang muncul ketika pengunjung telah mencapai akhir artikel blog, yang berarti mereka siap untuk beberapa konten baru (mungkin dengan menawarkan ebook gratis sebagai ganti info kontak mereka).

• Tampilkan popup Anda saat exit-intent: Dengan cara ini, Anda akan menarik perhatian pengunjung yang akan meninggalkan situs Anda.
  
  Dengan popup exit-intent, Anda dapat menghentikan seseorang untuk pergi tanpa mengonversi dan meyakinkan mereka untuk terus berbelanja atau berlangganan daftar email.

Penting juga untuk memperhatikan "frekuensi", atau berapa kali popup diatur untuk muncul. Biasanya, Anda ingin membatasi ini menjadi 1 atau 2 kali per pengunjung.

Menampilkan beberapa popup tidak masalah, (seperti yang akan kita lihat di bawah) tetapi melihat popup yang sama berulang kali akan membuat pengguna Anda gila.

Berikut adalah contoh bagus tentang cara menggunakan popup berdasarkan keterlibatan pengguna. Munculan niat keluar Obvi hanya muncul bagi pengunjung yang meninggalkan situs.

Tidak ada satu popup ajaib yang relevan untuk semua pengunjung Anda. Itu karena tidak semua orang perlu melihat informasi penting yang sama atau penawaran diskon pada waktu yang sama.

Sayangnya, Anda tidak dapat mengidentifikasi solusi untuk masalah masing-masing individu dan menyajikannya dengan solusi dalam popup.

Sebaliknya, yang dapat Anda lakukan adalah mengelompokkan pengunjung ke dalam kelompok yang memiliki kebutuhan dan karakteristik yang sama.

Segmen ini bervariasi menurut industri dan jenis produk yang dijual toko. Namun, semua bisnis dapat mengelompokkan pengunjung mereka ke dalam grup berdasarkan tahap apa mereka dalam proses pembelian.

Pikirkan tentang "perjalanan pelanggan" Anda: bagaimana orang pertama kali belajar tentang merek Anda, bagaimana mereka tiba di halaman arahan Anda, dan bagaimana mereka menemukan produk yang ingin mereka beli.

Segmen pada berbagai tahap perjalanan pelanggan memiliki kebutuhan yang berbeda, dan popup yang Anda tunjukkan perlu mencerminkan hal itu.

Sekarang, mari kita lihat beberapa faktor lain yang dapat Anda gunakan untuk mengelompokkan pelanggan Anda. Kami juga akan membagikan beberapa ide kampanye untuk pengunjung yang berbeda di berbagai tahap perjalanan pelanggan.

2.1. Prospek dingin vs. panas

"Prospek panas" adalah pelanggan yang sedang mencari untuk membeli sesuatu sekarang, sementara "prospek dingin" masih mengeksplorasi pilihan mereka dan belum cukup siap untuk membeli apa pun.

Daripada memperlakukan semua pengunjung Anda seperti mereka "prospek panas" yang siap untuk segera membeli, Anda harus membuat sasaran konversi yang berbeda untuk prospek panas dan dingin.

Untuk prospek panas, tujuan konversi sederhana: beli sekarang. Pesan Anda perlu mendorong prospek ini menuju penjualan langsung menggunakan diskon atau kesepakatan terbatas waktu .

Anda memerlukan sasaran konversi sekunder untuk prospek dingin, yang biasanya membuat mereka mendaftar ke daftar email Anda. Setelah mendapatkan detail kontak mereka, Anda akan dapat berkomunikasi dengan mereka dari waktu ke waktu dan memelihara hubungan sampai mereka siap untuk membeli.

Untuk itu, Anda perlu menampilkan konten cold visitor yang membuat mereka ingin berlangganan, seperti ebook yang bisa diunduh.

Mari kita lihat cara kerjanya dalam tindakan. Berikut adalah contoh bagus dari beberapa kampanye BOOM !

Mereka menawarkan ebook sebagai magnet utama untuk prospek dingin yang tertarik dengan lini produk mereka, tetapi belum siap untuk melakukan pembelian:

Untuk prospek terpanas mereka (yang telah menyatakan minat terbesar pada konten BOOM! atau akan meninggalkan keranjang mereka), mereka menggunakan penawaran kupon diskon 10% sebagai insentif untuk membeli sekarang daripada nanti.

2.2. Penargetan geografis

Jika Anda menjual secara internasional, penargetan berbasis lokasi atau penargetan geografis dapat menjadi cara yang bagus untuk meningkatkan konversi. Dengan penargetan geografis, Anda dapat membuat pesan berbeda sebanyak mungkin untuk negara target sebanyak yang Anda inginkan.

Menyegmentasikan pengunjung Anda berdasarkan lokasi mereka memungkinkan Anda memberi mereka penawaran khusus negara, seperti penawaran pengiriman. Berikut contohnya:.

2.3. Targetkan pengunjung berdasarkan tahapan mereka dalam proses pembelian

Setiap pelanggan Anda bergerak melalui tahap kesadaran berikut:

5 tingkat kesadaran menggambarkan perbedaan pola pikir pelanggan saat mereka berinteraksi dengan situs Anda. Pelanggan yang baru mengetahui bahwa merek Anda ada akan melihat halaman yang sama dengan sangat berbeda dari pelanggan setia.

Itulah mengapa Anda perlu mengomunikasikan pesan sekunder yang berbeda melalui popup Anda ke masing-masing segmen ini.

Berikut adalah beberapa contoh pesan yang disesuaikan dengan salah satu grup ini.

1. Pengunjung yang sadar akan masalah tahu bahwa mereka memiliki masalah, tetapi mereka masih mencoba mencari cara terbaik untuk menyelesaikannya. Jadi, pada titik ini, tujuan Anda adalah membantu mereka lebih memahami masalah mereka (apakah itu masalah perawatan kulit atau kebutuhan akan sepasang sepatu lari baru) dan menawarkan solusi yang memungkinkan.

Salah satu cara untuk melakukannya adalah melalui posting blog dan ebook. Misalnya, jika Anda memiliki artikel tentang "tips lari untuk pemula", Anda juga dapat mempromosikan ebook yang memberikan kiat "cara" menjalankan 10K.

2. Pengunjung yang sadar akan solusi tahu jenis produk apa yang akan menyelesaikan masalah mereka dan secara aktif menimbang pilihan mereka (membuat mereka menjadi prospek yang "lebih panas" daripada pengunjung yang sadar masalah yang baru saja kita bahas). Ini membuat tujuan Anda sederhana: bantu mereka menemukan produk terbaik untuk mereka di situs Anda.

Salah satu pendekatan yang terbukti melibatkan menunjukkan kepada mereka produk paling populer (atau produk "tren") dalam kategori yang mereka jelajahi.

3. Pengunjung yang paling sadar telah menemukan produk tertentu yang mereka sukai yang akan menyelesaikan masalah mereka. Yang perlu mereka lakukan hanyalah mengklik "Beli sekarang" dan lakukan proses pembayaran. Bahkan para pelanggan ini adalah prospek "terpanas" Anda, mereka sering kali membutuhkan dorongan terakhir untuk melakukan pembelian.

Penawaran khusus yang tak tertahankan yang hanya tersedia untuk waktu terbatas adalah cara terbaik untuk meyakinkan segmen ini untuk membeli sekarang daripada nanti.

2.4. Segmentasi lanjutan

Anda juga dapat mempertimbangkan perilaku pengunjung di lokasi, memungkinkan Anda membuat segmen pengguna yang semakin spesifik. Semakin spesifik segmentasi Anda, semakin relevan pesan Anda.

Anda dapat menggunakan perilaku khusus pengguna berikut untuk mengelompokkan pengunjung Anda lebih lanjut:

• Telah berada di subhalaman saat ini setidaknya selama X detik
• Berasal dari sumber lalu lintas tertentu
• Sedang menelusuri halaman tertentu
• Pernah mengunjungi halaman tertentu sebelumnya
• Miliki barang-barang tertentu di keranjang mereka
• Memiliki nilai keranjang lebih besar dari ambang batas tertentu

Ini memungkinkan Anda untuk:

• Tampilkan sembulan yang berbeda kepada pengunjung yang berasal dari sumber lalu lintas yang berbeda (mis., Facebook vs. Iklan Google).
• Tampilkan kampanye tertentu kepada prospek yang telah mengunjungi halaman tertentu tetapi belum melakukan pembelian.
• Targetkan pengunjung berdasarkan item yang telah mereka tambahkan ke keranjang (untuk upselling dan cross-selling).

Seperti yang telah kami katakan, "Jika Anda menjual kepada semua orang, Anda tidak menjual kepada siapa pun." Anda dapat membawa ini ke tingkat berikutnya dengan personalisasi.

Setelah Anda memisahkan pengunjung ke dalam segmen berdasarkan minat, variabel demografis atau geografis mereka, dan tahap mereka dalam proses pembelian, Anda dapat menunjukkan kepada mereka pesan yang paling relevan.

Misalnya, jika Anda menjual barang elektronik dan mengetahui bahwa pengunjung tertentu tertarik dengan ponsel cerdas, “Diskon 25% untuk Ponsel Cerdas” adalah pesan yang jauh lebih efektif daripada “Diskon 25% untuk Produk yang Dipilih”.

Ada empat tingkat penyesuaian dasar untuk pesan di popup Anda:

1. Semua orang mendapat pesan yang sama: Dengan kata lain, Anda menyiarkan penawaran umum ke semua pengunjung situs web Anda. Ini tidak dianjurkan.
2. Anda membuat dua penawaran berbeda untuk prospek panas dan prospek dingin: Artinya, Anda membagi audiens Anda menjadi dua segmen utama berdasarkan keterlibatan mereka. Bahkan segmentasi sederhana ini dapat membuat perbedaan.
3. Ada beberapa penawaran untuk setiap grup pengunjung utama: Dalam hal ini, Anda membagi pengunjung Anda menjadi beberapa grup berbeda berdasarkan variabel yang relevan dan melibatkan mereka kembali dengan pesan yang disesuaikan untuk setiap grup.
4. Semua orang mendapat pesan khusus menggunakan Penggantian Teks Dinamis: Ini adalah tingkat personalisasi tertinggi untuk popup Anda. Setiap pesan disesuaikan dengan individu tertentu yang melihatnya.

Dengan Dynamic Text Replacement , teks dalam popup Anda akan diperbarui secara otomatis berdasarkan variabel yang Anda pilih.

Ini berarti Anda dapat membuat satu template dan kemudian mengubah konten untuk memenuhi kebutuhan setiap audiens pengunjung. Menggunakan pendekatan ini mengurangi jumlah upaya Anda dan memastikan setiap segmen pengunjung Anda akan melihat konten yang paling relevan.

Kembali ke contoh kami di atas, toko elektronik mempromosikan "Smartphone DISKON 25%" ketika pengunjung mencoba meninggalkan situs mereka dari halaman kategori ponsel cerdas atau halaman produk individual dalam kategori ponsel cerdas.

Namun, saat pengunjung menelusuri aksesori laptop dan mencoba meninggalkan situs, kata "ponsel pintar" berubah secara otomatis menjadi "aksesori laptop"—berbicara langsung dengan kebutuhan pelanggan tersebut.

Untuk memaksimalkan konversi, Anda harus membatasi diri pada satu sasaran per munculan dan memastikan bahwa proposisi nilainya persuasif.

Proposisi nilai adalah manfaat yang dapat diharapkan pelanggan dari terlibat dengan munculan Anda atau membeli produk Anda . Proposisi nilai popup pendaftaran email mungkin berupa akses eksklusif ke penjualan atau produk tertentu, sedangkan nilai popup diskon berasal dari uang yang dapat dihemat pengunjung dengan menggunakan kode kupon.

Jika Anda mencoba untuk mencapai beberapa tujuan dalam popup yang sama, Anda akan mengurangi peluang untuk menyelesaikan salah satu dari mereka. Pada akhirnya, itu akan mengacaukan pesan Anda dan membingungkan pengunjung tentang nilai penawaran Anda, membuat konversi dan penjualan lebih kecil kemungkinannya.

Beberapa tujuan dapat dicapai dengan menggunakan popup, tetapi pastikan untuk membatasi diri Anda hanya mengejar salah satu dari mereka di setiap popup.

Berikut adalah beberapa sasaran e-niaga umum:

1. Mendorong penjualan
2. Membangun daftar email Anda
3. Mengurangi pengabaian keranjang
4. Upselling dan cross-selling
5. Meningkatkan pengalaman pelanggan

Seperti yang baru saja kita lihat, keberhasilan popup bergantung pada nilai yang diberikannya kepada pengunjung Anda.

Tetapi tidak peduli seberapa berharganya tawaran Anda, jika mengambil keuntungan darinya terlalu sulit, maka tidak ada yang mau mengalami kesulitan.

Itulah mengapa penting untuk menghindari meminta terlalu banyak informasi. Menampilkan terlalu banyak bidang dalam popup pendaftaran email, misalnya, akan membuatnya tampak seperti terlalu banyak pekerjaan bagi sebagian besar pengguna. Selain itu, pengunjung baru mungkin ragu untuk memberikan terlalu banyak informasi pribadi mereka.

Semakin sedikit data yang Anda minta, semakin banyak konversi yang akan Anda dapatkan. Dalam banyak kasus, alamat email saja sudah cukup, seperti pada contoh di bawah ini.

Banyak situs juga meminta nama depan untuk mempersonalisasi pesan mereka di masa mendatang, seperti contoh dari The Oodie ini.

Ketika Anda merasa perlu untuk meminta informasi lebih lanjut, sebaiknya gunakan popup multi-langkah. Dengan begitu, Anda dapat meminta informasi yang paling penting terlebih dahulu, lalu memiliki kolom input tambahan di halaman kedua popup Anda.

Munculan Oodie memiliki halaman kedua di mana mereka meminta nomor telepon juga:

Strategi yang digunakan oleh The Oodie ini disebut “Metode Kuda Troya” dan menghasilkan pendapatan tambahan $1,9 juta untuk The Oodie hanya dalam 30 hari.

Jika Anda ingin "mencuri" strategi mereka, tonton pelatihan gratis kami.

Membuat popup seperti desainer UX berarti memikirkan setiap pengunjung Anda sebagai manusia, dan dengan hati-hati mempertimbangkan keadaan pikiran mereka saat popup muncul.

Itulah mengapa Anda tidak boleh menggunakan popup entri, dan sebagai gantinya membuat popup berdasarkan keterlibatan pengguna dengan situs Anda. Mendefinisikan segmen pengguna dan kemudian menampilkan penawaran yang relevan adalah langkah berikutnya. Dan terakhir, Anda dapat mempersonalisasi popup Anda menggunakan Dynamic Text Replacement untuk menyesuaikan pesan Anda dengan setiap pengguna.

Dengan mengikuti praktik terbaik ini, Anda dapat meningkatkan pengalaman pengguna di situs Anda sekaligus meningkatkan upaya pembuatan daftar dan meningkatkan penjualan pada saat yang bersamaan!

Mulailah dengan OptiMonk secara gratis dan buat popup menakjubkan yang meningkatkan pengalaman pengguna hanya dalam beberapa menit.