Popup Seluler Dilakukan dengan Benar: Contoh & Praktik Terbaik

Diterbitkan: 2024-03-13

Konversi popup seluler rata-rata sebesar 11% , yang saja sudah cukup untuk menunjukkan bahwa popup tersebut layak untuk dilihat lebih dekat.

Selain itu, dengan semakin pentingnya pengalaman seluler dalam kancah e-niaga, popup seluler adalah alat yang ampuh untuk dimiliki di gudang senjata Anda.

Dalam artikel ini, kami akan membahas apa itu popup seluler (dan apa yang Google katakan tentang popup tersebut), memberikan contoh, dan menjelaskan bagaimana Anda dapat mendesain popup Anda sendiri.

Mari kita mulai!

Pintasan ️

  • Apa itu pop-up seluler?
  • Apa pendapat Google tentang popup seluler?
  • 7 praktik terbaik untuk mendesain popup untuk perangkat seluler
  • 9 contoh popup seluler yang efektif
  • Bagaimana cara membuat popup seluler?
  • Pertanyaan Umum

Apa itu popup seluler?

Popup seluler adalah hamparan situs web yang muncul di layar ponsel Anda, menyembunyikan konten dasar situs web di bawahnya.

Mereka dirancang untuk menarik perhatian Anda dan mendorong Anda untuk mengambil tindakan tertentu, seperti berlangganan buletin atau mengunduh eBook.

Popup ini efektif untuk menangkap prospek dan mempromosikan penjualan. Mereka juga meningkatkan keterlibatan pengguna dengan menawarkan konten atau insentif yang berharga.

Apa pendapat Google tentang popup seluler?

Google sudah jelas mengenai posisinya terhadap popup seluler, terutama mengenai pengalaman pengguna dan peringkat mesin pencari.

Pada tahun 2017, Google memperkenalkan pembaruan pada algoritme penelusuran selulernya, yang dikenal sebagai “ Pembaruan Interstisial Intrusif, ” dengan tujuan menghukum situs web yang menggunakan popup intrusif di perangkat seluler.

Menurut pedoman Google, popup seluler yang mengganggu pengalaman pengguna dengan menutupi sebagian besar konten utama, terutama ketika diakses dari hasil penelusuran oleh pengunjung situs web, dapat dianggap mengganggu.

Contoh popup yang mengganggu meliputi:

  • Popup yang muncul segera setelah pengguna membuka halaman dari hasil pencarian.
  • Popup yang menutupi seluruh layar dan mencegah pengguna melihat konten utama.

(Catatan: Beberapa jenis popup, seperti popup untuk verifikasi usia atau penggunaan cookie, mungkin dapat diterima jika segera ditampilkan.)

Oleh karena itu, pemasar didorong untuk menggunakan popup seluler dengan bijaksana, memastikan popup tersebut berkontribusi positif terhadap pengalaman pengguna dan bukan malah menguranginya.

7 praktik terbaik untuk mendesain popup untuk perangkat seluler

Sekarang kita telah membahas apa itu popup seluler, mari kita lihat tujuh praktik terbaik untuk merancang popup ramah seluler Anda sendiri.

1. Gunakan salinan singkat

Pengguna seluler memiliki rentang perhatian yang pendek, jadi sangat penting untuk membuat salinan popup Anda ringkas dan langsung pada intinya.

Jaga agar pesan Anda tetap singkat dan komunikasikan proposisi nilai Anda dengan jelas. Ini akan meningkatkan kemungkinan pengguna membaca dan memahaminya sebelum melanjutkan.

2. Pastikan ramah terhadap ketukan

Di perangkat seluler, ruangnya terbatas, jadi pastikan tombol CTA , tautan, dan kolom masukan Anda mudah diketuk.

Beri mereka banyak ruang dan ruang agar pengguna tidak salah memukulnya. Ini juga meningkatkan kegunaan popup Anda secara keseluruhan.

3. Minimalkan bidang formulir

Meminimalkan jumlah kolom formulir di popup seluler Anda adalah kunci untuk menyederhanakan pengalaman pengguna dan mengurangi gesekan.

Tanyakan saja info dasar, seperti alamat email pengunjung, untuk memudahkan pengguna menyelesaikan tindakan.

4. Pilih format yang tepat

Memilih format popup yang tepat dapat mempengaruhi efektivitasnya secara signifikan.

Pertimbangkan faktor-faktor seperti sifat pesan Anda dan perilaku penjelajahan pengguna saat memutuskan antara modal overlay, slide-in, interstisial layar penuh, atau bilah spanduk.

5. Selalu tambahkan opsi penutup

Meskipun pop-up bisa efektif dalam menarik perhatian dan mendorong konversi, penting untuk memberikan cara yang jelas dan mudah kepada pengguna untuk menutupnya jika mereka tidak tertarik.

Menyertakan “x” yang terlihat, tombol penutup, atau tautan “Tutup” yang sangat terlihat memastikan bahwa pengguna dapat menutup popup tanpa merasa frustrasi.

6. Batasi visual

Elemen visual dapat meningkatkan daya tarik popup Anda, tetapi gunakanlah dengan akal sehat.

Hindari membebani pengguna dengan gambar atau animasi berlebihan yang dapat memperlambat waktu pemuatan atau mengalihkan pesan utama.

Gunakan visual dengan bijak dan pastikan visual tersebut melengkapi konten, sehingga Anda dapat menyeimbangkan estetika dan fungsionalitas.

7. Tunjukkan pada mereka tentang niat keluar

Menerapkan strategi niat keluar memungkinkan Anda menampilkan popup pada saat yang tepat—saat pengguna hendak meninggalkan halaman.

Dengan mendeteksi niat keluar, Anda dapat menyajikan penawaran atau pesan bertarget yang menarik perhatian pengguna dan mendorong mereka untuk mempertimbangkan kembali untuk keluar. Menggunakan popup seluler dengan niat keluar dapat meningkatkan konversi seluler di antara pengunjung yang mungkin akan keluar tanpa mengambil tindakan.

9 contoh popup seluler yang efektif

Sekarang, mari kita intip 9 contoh popup seluler yang luar biasa dan beberapa ide yang dapat Anda curi darinya.

1. Vegetologi

Popup seluler layar penuh Vegetology

Pop-up Vegetology sederhana namun efektif. Mereka menerapkan praktik terbaik popup seluler dengan sangat detail:

  • mereka menggunakan warna merek mereka hijau,
  • mereka hanya menanyakan alamat email pengguna,
  • mereka menampilkan gambar produk (yang membangun kepercayaan pengunjung),
  • dan mereka menyertakan tombol "X".

2. Pernis dan Vine

Popup seluler Varnish dan Vine membantu meningkatkan penjualan seluler langsung

Popup seluler Varnish dan Vine adalah contoh bagus tentang cara menghindari penggunaan terlalu banyak ruang layar namun tetap efektif.

Munculan ramah seluler mereka juga menunjukkan bahwa mereka tetap sesuai dengan merek dengan salinan, dan mereka menggunakan CTA yang efektif dan menarik perhatian: “Dapatkan diskon 15% untuk saya.”

3. milik Lammle

Versi seluler popup layar penuh Lammle membantu mendapatkan lebih banyak prospek

Popup Lammle adalah contoh bagus tentang bagaimana menyoroti manfaat yang akan dinikmati pengunjung jika mereka berlangganan buletin.

Perhatikan bahwa mereka menggunakan kata “komunitas”, yang sudah memberikan rasa memiliki kepada pengunjung. Mereka juga menyebutkan bahwa pelanggan mendapatkan akses ke penawaran eksklusif dan pendatang baru.

4. Mahkota & Cakar

Popup Crown dan Paw menerapkan semua praktik popup seluler terbaik di seluruh seluler

Crown & Paw menggunakan popup seluler layar penuh dengan proposisi nilai yang besar dan berani: “Diskon 20%”.

Mereka telah menyertakan banyak ruang antar elemen untuk pengalaman seluler yang nyaman.

Perhatikan juga penghitung waktu mundur di bagian bawah, yang meningkatkan kesan urgensi . Menawarkan kode diskon dan menambahkannya dengan sesuatu yang ekstra adalah praktik terbaik popup seluler.

5. GerakanAbu-abu

Popup MotionGrey ditargetkan langsung untuk pengunjung halaman produk

Popup seluler MotionGrey adalah tentang bersikap langsung. Popup mereka muncul di halaman produk, hanya memakan sedikit ruang, dan langsung pada intinya.

Seperti yang akan Anda lihat, popup mereka dipersonalisasi—pengunjung yang menelusuri meja berdiri menerima penawaran yang disesuaikan, yang merupakan cara terbaik untuk meningkatkan konversi seluler.

6. Anak-anak STEM

Jenis popup seluler dua langkah TheStemKids adalah cara terbaik untuk mengonversi pengguna
Halaman kedua popup seluler TheStemkid adalah tempat pengunjung situs web dapat ikut serta

Popup seluler dua langkah TheSTEMKid adalah cara terbaik untuk mengenal pengunjung Anda lebih baik.

Di halaman pertama, mereka menanyakan pertanyaan sederhana tentang preferensi pengguna.

Saat pengunjung mengklik ke halaman kedua, mereka dapat memilih untuk mendaftar buletin dengan imbalan diskon 10% dengan mengetikkan alamat email mereka.

7. Perusahaan Kunyit.

Popup seluler Kunyit Co menggunakan tombol CTA yang jelas dan warna yang berani

Kunyit Co. adalah contoh bagus dalam memilih kata dengan hati-hati namun efektif. Popup seluler mereka memenuhi seluruh layar dan menggunakan warna-warna berani dan CTA yang jelas.

Yang menarik dari popup mereka adalah opsi “Tidak, terima kasih, saya selalu membayar harga penuh”. Siapa yang akan mengkliknya jika mereka memiliki opsi untuk mendapatkan kode diskon? Pintar, bukan?

8. Kopi Jamur RYZE

Popup seluler Ryze Mushroom Coffee adalah lambang kesederhanaan

Popup seluler Ryze Mushroom Coffee adalah kesederhanaan itu sendiri.

Ramah pengguna, sesuai dengan ukuran layar, dan menggunakan kata “segera”, mendorong pelanggan untuk segera melakukan pembelian (dan berpotensi meningkatkan tingkat konversi).

9. Gelpro Australia

Popup seluler Gelpro Australia memiliki banyak ruang bagi pengunjung situs web untuk ikut serta

Popup Gelpro Australia sangat ramah seluler.

Popup mereka memenuhi seluruh layar, tetapi perhatikan berapa banyak ruang yang tersisa bagi pengunjung untuk mengisi formulir kontak. Detail kecil ini membuat pengalaman pengguna lebih lancar.

Bagaimana cara membuat popup seluler?

Sekarang setelah Anda melihat beberapa contoh popup yang bagus, sekarang saatnya melihat lebih dekat cara membuat popup seluler Anda sendiri untuk mengonversi lalu lintas seluler Anda secara efektif.

Langkah 1: Pilih alat yang tepat

Pilih pembuat popup atau platform andal yang menawarkan templat yang dioptimalkan untuk pengunjung seluler dan memungkinkan penyesuaian.

OptiMonk adalah salah satu alat pembuat popup terbaik untuk membuat popup seluler dan popup desktop. Beberapa fitur yang disediakan untuk popup seluler meliputi:

  • Pengoptimalan seluler otomatis
  • Pengaturan khusus untuk tampilan seluler
  • Templat dioptimalkan untuk tampilan seluler
  • Kemampuan untuk menyembunyikan elemen di perangkat seluler
  • Pengoptimalan kecepatan untuk seluler

Langkah 2: Pilih templat

Pilih salah satu dari banyak template responsif seluler kami yang sesuai dengan gaya merek dan sasaran kampanye Anda.

OptiMonk menyediakan serangkaian templat yang dapat disesuaikan dan cocok untuk berbagai tujuan, mulai dari menghasilkan prospek hingga menawarkan promosi. Baik Anda menginginkan tampilan yang ramping dan modern atau desain yang lebih hidup dan menarik, Anda akan menemukan template yang sesuai dengan kebutuhan Anda.

Klik di sini untuk melihat 300+ templat atau lihat beberapa contoh di bawah:

Langkah 3: Sesuaikan desain popup Anda

Sesuaikan popup Anda untuk mencerminkan identitas merek Anda dengan memasukkan logo, gambar, dan beberapa teks menawan.

Sesuaikan pengaturan, skema warna, gaya font, dan komponen visual lainnya untuk membuat popup yang menarik dan interaktif yang terhubung dengan audiens yang Anda tuju.

Anda dapat memilih apakah Anda ingin membuat popup untuk pengunjung seluler atau desktop.

Langkah 4: Optimalkan untuk pengguna seluler

Pastikan popup Anda berfungsi di perangkat seluler! Uji pada ukuran dan orientasi layar yang berbeda.

Perhatikan penempatan elemen dan pengalaman pengguna secara keseluruhan di perangkat seluler.

Fitur pengoptimalan seluler OptiMonk memastikan popup Anda terlihat bagus dan berfungsi dengan lancar di ponsel cerdas dan tablet, sehingga semua orang senang menggunakannya.

Sesuaikan popup Anda di OptiMonk untuk situs seluler Anda.

Langkah 5: Tetapkan opsi pemicu

Pilih opsi pemicu yang sesuai dengan perilaku dan niat pengguna. Pertimbangkan untuk menggunakan pemicu niat keluar atau pemicu berbasis gulir untuk menarik perhatian pengguna pada saat yang tepat.

Jika memilih pemicu berbasis waktu, pastikan pemicu tersebut ditunda untuk mematuhi persyaratan Google.

Dengan opsi pemicu serbaguna OptiMonk, Anda dapat melibatkan audiens secara efektif dan memaksimalkan dampak popup Anda. Pastikan popup Anda dioptimalkan untuk perangkat seluler dengan menguji daya tanggapnya dan pengalaman pengguna seluler.

Anda dapat mengatur pemicuan Anda (desktop dan seluler) pada niat keluar.

Langkah 6: Segmentasikan audiens Anda

Bagilah audiens Anda berdasarkan demografi, perilaku, atau faktor terkait lainnya untuk menyampaikan pesan dan penawaran yang dipersonalisasi melalui popup seluler Anda.

Dengan menyegmentasikan audiens, Anda dapat menyesuaikan konten popup ke kelompok pengguna tertentu, sehingga meningkatkan relevansi dan keterlibatan.

OptiMonk memungkinkan Anda membuat dan mengelola segmen audiens dengan mudah, memastikan bahwa setiap popup sesuai dengan segmen audiens yang tepat dan mendorong hasil yang bermakna.

Langkah 7: Siapkan integrasi

Hubungkan popup Anda dengan alat dan platform pemasaran lainnya, seperti perangkat lunak pemasaran email atau sistem manajemen hubungan pelanggan (CRM) , untuk menyederhanakan pengumpulan data dan manajemen kampanye.

Mengintegrasikan popup Anda dengan alat lain memungkinkan Anda memanfaatkan data dan alur kerja yang ada, sehingga memudahkan pelacakan kinerja, memelihara prospek, dan mendorong konversi.

Dengan integrasi OptiMonk yang lancar, Anda dapat dengan mudah menyinkronkan data popup dengan alat pemasaran pilihan Anda untuk strategi pemasaran yang lebih kohesif dan efisien.

Langkah 8: Aktifkan popup Anda

Setelah Anda menyelesaikan desain dan pengaturan popup seluler Anda, aktifkan untuk mulai terlibat dengan audiens Anda!

Hanya dengan beberapa klik, Anda dapat meluncurkan popup dan mulai mendapatkan prospek, mempromosikan penawaran, dan mendorong konversi di situs web Anda.

Proses aktivasi OptiMonk yang mudah memastikan popup Anda ditayangkan dengan cepat dan lancar, sehingga Anda dapat langsung melihat hasilnya.

Pertanyaan Umum

Haruskah Anda menggunakan pop-up di perangkat seluler?

Ya, Anda harus menggunakan popup di perangkat seluler, tetapi dengan mempertimbangkan pengalaman pengguna secara cermat. Popup dapat menjadi alat yang efektif untuk berinteraksi dengan audiens situs seluler Anda, mempromosikan penawaran khusus, dan mendorong konversi. Namun, penting untuk memastikan bahwa popup Anda relevan, tepat waktu, dan mudah ditutup. Dengan mengikuti praktik terbaik popup seluler yang dibagikan dalam artikel ini, Anda dapat memaksimalkan popup dan menghindari mengganggu pengguna.

Bisakah saya menargetkan segmen audiens tertentu dengan popup seluler?

Ya, banyak alat popup seperti OptiMonk memungkinkan Anda mengelompokkan audiens toko e-niaga berdasarkan berbagai kriteria, seperti demografi, perilaku, atau sumber rujukan. Menyegmentasikan audiens memungkinkan Anda menyampaikan pesan dan penawaran yang dipersonalisasi, sehingga meningkatkan relevansi dan keterlibatan.

Bagaimana cara mengukur efektivitas popup seluler saya?

Anda dapat mengukur efektivitas popup seluler dengan melacak metrik seperti rasio konversi, rasio klik-tayang, rasio keterlibatan, dan rasio pentalan. Sebagian besar alat popup menyediakan fitur analitik dan pelaporan untuk membantu Anda menilai kinerja popup dan mengoptimalkannya untuk hasil yang lebih baik.

Membungkus

Kami berharap panduan komprehensif tentang popup seluler ini dapat memberi Anda jawaban atas pertanyaan paling menarik Anda!

Popup seluler dapat secara efektif meningkatkan keterlibatan pengguna dan meningkatkan konversi sekaligus mempertahankan pengalaman penelusuran yang positif.

Jika Anda ingin segera memulai, buat akun gratis Anda hari ini dan benamkan diri Anda dalam dunia popup seluler. Selamat berkreasi!

Bagikan ini

Sebelumnya Posting Sebelumnya Kustomisasi Produk Ecommerce: Pengertian, Manfaat, Contoh & Aplikasi Shopify
Posting Berikutnya Cara Upsell: 11 Strategi Meningkatkan Penjualan Anda Berikutnya

Ditulis oleh

Barbara Bartucz

Barbara Bartucz

Barbara adalah Pemasar Konten di OptiMonk. Dia bangga menciptakan berbagai bentuk konten, baik itu artikel, video, atau e-book.

ANDA MUNGKIN JUGA SUKA

6 Strategi Retensi Pelanggan E-niaga

6 Strategi Retensi Pelanggan E-niaga untuk Mendapatkan Lebih Banyak Pelanggan Setia

Lihat Postingan
Cara Menghasilkan Uang di Shopify: 14 Tips Terbukti untuk tahun 2024

Cara Menghasilkan Uang di Shopify: 14 Tips Terbukti untuk tahun 2024

Lihat Postingan
Cara Membuat Orang Membeli Produk Anda: 10 Strategi Terbukti

Cara Membuat Orang Membeli Produk Anda: 10 Strategi Terbukti

Lihat Postingan