12 Praktik Terbaik Desain Popup yang Perlu Anda Ketahui (untuk Seluler dan Desktop)

Terlepas dari kepercayaan populer, orang-orang saat ini lebih dari senang untuk terlibat dengan popup.

Memang, jika Anda menyusun popup yang bagus .

Dan percayalah kepada kami—kami telah melihat secara langsung betapa efektifnya mereka dalam meningkatkan konversi dan mengembangkan daftar pelanggan Anda.

Namun merek perlu tahu apa yang membedakan popup yang penuh gaya dan menarik perhatian dari sesuatu yang akan mengganggu pengunjung dan membuat mereka menjauh. Di situlah kami dapat membantu.

Dalam panduan ini, Anda akan belajar:

• Faktor-faktor yang membuat popup desktop atau seluler “baik” (dengan tiga belas contoh)
• Tiga kesalahan besar yang dapat menenggelamkan kinerja popup yang menjanjikan
• Lima contoh desain sembulan bonus untuk mengembangkan daftar email Anda

Dengan itu, mari selami!

Apakah Anda ingin membuat popup efektif yang beresonansi dengan pengunjung Anda? Unduh Daftar Periksa Pesan Popup kami dan 3X tingkat konversi popup Anda!

Jika tujuan Anda adalah mendapatkan lebih banyak pelanggan langsung dari situs web Anda, sembulan email dapat membantu.

Di bawah ini adalah beberapa prinsip untuk meningkatkan rasio konversi munculan Anda di desktop. (Plus, mereka juga bekerja dengan pengunjung seluler.)

1. Tarik perhatian pengunjung Anda dengan kombo warna yang memukau

Skema warna yang menawan adalah cara termudah untuk membuat popup Anda tidak boleh dilewatkan.

Sesuatu yang cerah atau tidak biasa dapat menghentikan pengunjung di jalurnya. Misalnya, desain popup layar penuh dari Visme.co ini cerah, berani, dan menonjolkan pesan mereka.

Warna popup Anda tidak harus cerah atau bahkan "keras". Cukup kontras terang versus gelap dapat membantu popup Anda, yah, pop .

Misalnya, skema warna putih dan hitam dari Thredup.com ini sederhana namun bergaya dan mencolok.

2. Pikat pengunjung dengan menebalkan frasa manfaat utama Anda

Hadapi saja: rentang perhatian pembeli semakin pendek.

Jadi, yang terbaik adalah jika pesan pemasaran Anda langsung dapat dimengerti.

Buat poin untuk:

• Buat popup Anda tetap singkat: pikirkan "lebih sedikit lebih banyak" dan hindari dinding teks.
• Tulis tajuk utama yang kuat dengan frasa yang menarik seperti “gratis”, “sekarang”, atau “simpan” untuk segera menyoroti manfaat penawaran Anda.
• Pisahkan teks popup Anda menjadi beberapa bagian yang jelas (pikirkan: headline → body copy → tombol Call-to-Action (CTA)) untuk memandu pembaca Anda untuk ikut serta.

Di bawah ini adalah contoh penawaran yang luar biasa dari Trade Coffee yang mengikuti praktik terbaik desain popup yang disebutkan di atas.

3. Tampilkan popup Anda sebagai penawaran yang dipersonalisasi (petunjuk: bukan iklan)

Idealnya, popup Anda seharusnya tidak terasa seperti iklan.

Kami mengerti: banyak konsumen tidak terlalu senang dengan popup. Bertahun-tahun iklan yang mengganggu telah meninggalkan popup dengan reputasi buruk.

Trik untuk meredakan ketegangan dan membangun kepercayaan dengan pengunjung situs web Anda? Cukup tunjukkan popup Anda sebagai sesuatu yang ada untuk membantu pelanggan, bukan menjual kepada mereka.

Pertimbangkan penawaran yang meminta masukan dan keinginan pengunjung Anda.

Munculan berbasis preferensi sangat bagus untuk meningkatkan konversi. Mengingat bahwa 57% konsumen dengan senang hati membagikan informasi pribadi sebagai imbalan atas penawaran yang dipersonalisasi.

Misalnya, popup pendaftaran email dari Vuori ini memungkinkan keikutsertaan untuk menerima email yang dipersonalisasi berdasarkan preferensi identifikasi gender pribadi individu.

Jenis pesan ini tidak hanya membuat pelanggan merasa seperti mendapatkan kesepakatan, tetapi juga berarti Anda lebih mungkin mengirimkan penawaran yang relevan di masa mendatang.

Ini contoh lain dari Uniqlo. Perhatikan bagaimana pesan membingkai dirinya sebagai uluran tangan (“bantu kami menyesuaikan pesan untuk Anda”):

Pesan yang dipersonalisasi seperti ini berfungsi sebagai cara untuk mendorong pengunjung menghabiskan lebih banyak waktu di situs Anda dan berinteraksi dengan merek Anda. Ini mirip dengan popup gamified .

Beberapa detik ekstra di tempat mungkin tidak tampak banyak, tetapi itu mewakili waktu yang berharga untuk membangun koneksi dengan prospek baru.

4. Terhubung ke pelanggan potensial melalui salinan percakapan

Membangun kepercayaan adalah membuat-atau-break untuk popup Anda.

Itulah mengapa mengomunikasikan nada ramah dan positif sangat penting di seluruh salinan popup Anda.

Munculan situs web tidak boleh kaku atau menjual secara default. Bicaralah dengan pelanggan potensial Anda seperti teman daripada target penjualan.

Munculan dari Quip ini adalah contoh bagus dari apa yang sedang kita bicarakan. Ramah dan ramah tanpa jargon atau "bicara bisnis".

5. Undang pengunjung untuk mengklik tanpa mengganggu pengalaman pengguna

Popup tidak harus benar-benar ada di depan Anda agar efektif.

Faktanya, terkadang, kehalusan bisa sangat membantu membangun daftar Anda.

Tidak terlihat lagi dari popularitas pesan sampingan dan batang tempel sebagai bukti.

Daripada berisiko mengganggu pengunjung Anda saat mereka menjelajahi situs Anda, format popup ini berfungsi sebagai sedikit dorongan dan undangan untuk memeriksa penawaran Anda.

Lihat contoh dari Free People di bawah ini:

Pengunjung yang ikut serta dari jenis popup ini melakukannya tanpa tekanan, yang berarti mereka cenderung lebih antusias dengan apa yang Anda tawarkan.

Selain itu, popup ini cenderung tidak mengganggu aliran atau estetika situs Anda.

6. Pastikan popup Anda menjangkau orang-orang pada saat yang tepat

Ini adalah salah satu praktik terbaik sembulan terpenting dalam hal apa yang terjadi di balik layar penawaran Anda.

Popup Anda tidak boleh dipicu secara acak. Sebaiknya tunggu beberapa detik (setidaknya lima) sebelum menampilkan segala jenis popup kepada pengunjung.

Anda dapat dengan mudah mengedit dan menyesuaikan kontrol waktu pada popup melalui OptiMonk. Kemampuan untuk secara instan mengubah dan menguji waktu munculan dapat membantu Anda menentukan apa yang paling cocok untuk pengunjung Anda.

Kontrol juga mempermudah untuk tetap keluar dari praktik terbaik popup maksud dan menjaga lalu lintas Anda yang akan hilang agar tidak memantul.

63% lalu lintas e-niaga yang mengejutkan berasal dari perangkat seluler. Ini berarti Anda benar-benar tidak dapat mengabaikan pelanggan yang datang dari ponsel cerdas.

Di bawah ini adalah perincian praktik terbaik munculan untuk membantu Anda meningkatkan rasio konversi seluler.

7. Dorong pengunjung untuk bertindak cepat dengan menyampaikan salinan Anda secara singkat

Menjadi ekonomis dengan kata-kata Anda adalah taruhan yang aman untuk popup.

Ini sangat penting ketika Anda mencoba menjangkau pengunjung yang menggunakan layar yang lebih kecil.

Jika Anda perlu menyertakan penafian, pastikan itu tidak mengganggu isi pesan Anda. Jadi jangan berbasa-basi.

Misalnya, sembulan langganan email dari Casetify ini langsung ke intinya.

Lihat popup Skullcandy di bawah ini. Tagline yang cerah dan berani berbicara untuk dirinya sendiri dan tidak memerlukan banyak klarifikasi bagi pengunjung di pagar tentang keikutsertaan.

8. Jadikan popup Anda seramah mungkin

Terlibat dengan popup Anda harus mudah bagi pengguna seluler.

Yang mengatakan, Anda akan terkejut betapa banyak popup seluler adalah mimpi buruk untuk dinavigasi.

Terlalu banyak tempat untuk disadap. Warna yang membingungkan. Pengguliran yang tidak perlu. Daftarnya terus bertambah.

Meskipun penawaran seluler biasanya minimalis, Anda masih perlu memikirkan beberapa teknik terbaik. Ini termasuk:

• Tombol yang ditentukan (untuk memilih masuk dan keluar, jika perlu)
• Judul yang jelas dan salinan yang dapat dibaca, idealnya pas pada satu halaman (tidak perlu menggulir)
• Warna yang memisahkan berbagai elemen popup Anda

Ini menjelaskan popularitas popup seluler layar penuh yang mencentang kotak di atas.

Misalnya, penawaran dari Skechers ini jelas dan mudah dinavigasi apakah seseorang tertarik atau tidak.

Sama untuk popup ponsel ini dari Pura Vida:

9. Buat penawaran Anda mudah dan membutuhkan lebih sedikit bidang formulir

Bukan kebetulan bahwa semua contoh popup seluler di seluruh posting ini hanya memerlukan alamat email untuk berlangganan.

Bidang tunggal berarti lebih sedikit usaha dan lebih sedikit gangguan bagi pengunjung situs Anda. Ini pada akhirnya membuat proses memilih menjadi cepat dan tidak menyakitkan.

Menyimpan beberapa detik berharga dengan lebih sedikit bidang bisa menjadi perbedaan antara pelanggan baru dan pengunjung yang terpental.

10. Pilih satu CTA (frasa ajakan bertindak) yang kuat yang menarik pengunjung Anda

Frasa CTA adalah bagian penting dari pengoptimalan konversi.

Semakin menarik CTA Anda, semakin besar kemungkinan Anda untuk mendapatkan opt-in.

CTA dari Nectar Sleep (“Hemat $399”) menjanjikan penghematan besar dan membuat penawaran mereka terasa lebih berharga.

Hanya meminta pengunjung situs untuk "mengklik di sini" adalah kesempatan yang sia-sia untuk menyoroti manfaat.

11. Gunakan angka untuk menyoroti penghematan serius secepatnya

Anda juga dapat membonceng contoh di atas. Angka populer untuk ditaburkan di seluruh popup untuk menunjukkan penghematan dan mengomunikasikan nilai langsung.

Otak kita lebih mudah memproses angka daripada membaca teks. Perhatikan berapa banyak popup seluler yang mengandalkan “diskon $10” atau “HEMAT 10%” sebagai inti dari penawaran mereka?

Berikut adalah judul berbasis angka yang mendorong orang untuk mendaftar ke buletin dari Arctic Fox. Perhatikan juga desain yang menarik:

12. Periksa kembali apakah popup Anda ramah Google

Meskipun munculan tidak memengaruhi posisi situs Anda di Google secara langsung, mesin telusur telah mengambil sikap terhadap konten "mengganggu" .

Popup Anda seharusnya tidak menghambat pengalaman pengguna Anda atau mencegah mereka mengakses konten di situs Anda.

Ini menjelaskan mengapa Anda harus memperhatikan popup layar penuh, hanya menampilkannya setelah pengunjung memiliki kesempatan untuk menelusuri.

Bayangkan seseorang mengunjungi situs Anda untuk pertama kalinya melalui seluler. Anda tidak ingin memberi sinyal situs Anda sebagai spam atau langsung mengalihkan pengunjung baru, bukan? Melakukannya bisa menjadi berita buruk bagi rasio pentalan Anda.

Pertanyaan bagus! Terkadang cara terbaik untuk tetap berpegang pada praktik terbaik munculan yang paling penting adalah mengetahui apa yang tidak boleh dilakukan.

Mari kita lihat kesalahan terbesar yang berpotensi menenggelamkan kinerja popup Anda.

1. Mengkomunikasikan konten yang tidak relevan atau tidak perlu

Munculan "sibuk" bisa sangat mengganggu. Pastikan untuk membatasi teks Anda dan menghindari banyak pesan. Tetap berpegang pada satu atau dua kalimat dengan satu tema. Ini cenderung tidak membanjiri pengunjung situs.

2. Menyajikan penawaran yang kurang memuaskan

Tanyakan pada diri Anda: nilai apa yang Anda berikan kepada calon pelanggan sebagai ganti alamat email mereka? Diskon besar-besaran, pengiriman gratis, dan hadiah pembeli pertama kali sering kali diperlukan untuk memberi kesan pada pembeli dan mendorong mereka untuk berlangganan.

Dapatkan insentif kreatif dan curah pendapat yang melampaui pembaruan dasar atau diskon 5%.

3. Mengandalkan desain popup kuno yang berisi spam

Di sini, di OptiMonk, kami sedang berperang melawan popup yang buruk.

Sibuk. berisi spam. penjualan Anda tahu yang sedang kita bicarakan.

Berita bagus? Membangun popup yang bergaya dan layak klik dimungkinkan untuk merek apa pun—berkat alat seperti OptiMonk.

Ketika datang ke desain popup, sedikit inspirasi bisa sangat membantu dalam menciptakan penawaran yang luar biasa.

Berikut adalah lima contoh desain sembulan hebat yang membantu mengembangkan daftar email Anda (dan perincian tentang apa yang mereka lakukan dengan baik).

1. Tentree

Pesan sampingan dari Tentree ini adalah contoh cemerlang dari popup non-intrusif.

Perhatikan bagaimana tombol CTA penawaran menonjol dari skema warna situs lainnya? Sementara kehalusan pesan sampingan membuatnya terasa seperti bagian dari beranda.

2. BLK & Tebal

Tawaran ini, cukup tepat, merupakan tawaran yang berani dengan judul langsung yang sulit untuk dilewatkan.

Kemampuan untuk memilih antara pilihan minuman juga menyoroti cara menggunakan personalisasi dan preferensi untuk menyegel kesepakatan dengan pengunjung pertama kali.

3. Bailly

Kadang-kadang membayar untuk tetap sederhana. Popup email dari Bailly ini membuktikan bahwa desain popup tidak harus ilmu roket.

Penawaran langsung sebagai imbalan atas email pengunjung Anda selalu merupakan permainan yang adil.

4. Ambil Rumah Hijau

Ini adalah contoh lain dari popup sederhana namun efektif yang membantu mengembangkan daftar email Anda.

Bahasa percakapan (“Ingin penawaran khusus untuk pesanan pertama Anda?”) dan CTA (“YES PLEASE”) menunjukkan bagaimana pilihan salinan dasar dapat meyakinkan pengunjung untuk memberikan informasi mereka.

5. Sendok Ajaib

Idealnya, tawaran popup Anda harus dapat berbicara sendiri. Iklan dari Magic Spoon ini menjanjikan sesuatu yang besar dengan peluang memenangkan sereal gratis selama sebulan, menggunakan bahasa yang jelas dan kata-kata yang kuat (“gratis”, “menang”) untuk membuat pernyataan.

Dan dengan itu, kami menyelesaikan panduan kami!

Ketika datang untuk membuat popup "baik", ada banyak bagian yang bergerak untuk dikelola.

Mudah-mudahan, daftar kami memberi Anda petunjuk tentang apa yang perlu Anda fokuskan. Kiat-kiat ini dapat memandu Anda menuju lebih banyak pelanggan dan konversi baik Anda mengoptimalkan kampanye saat ini atau memulai sepenuhnya dari awal.

Untuk mempelajari lebih lanjut tentang membuat popup dengan konversi tinggi, lihat Panduan Utama untuk Popup kami.