Cara Membuat Popup Seluler di Website Secara Gratis

Apa itu Popup Seluler?

Popup seluler adalah alat iklan yang efektif yang muncul langsung di halaman situs melalui perangkat seluler. Tujuannya adalah memberikan informasi tambahan, mempromosikan penawaran eksklusif, atau mendorong pengguna untuk mengambil tindakan tertentu: berlangganan buletin, melakukan pembelian, atau mendapatkan diskon.

Mereka tidak akan terlewatkan oleh pengguna jika muncul sebagai overlay grafis atau notifikasi kotak kecil yang menutupi konten situs. Tanpa rahasia—mereka benar-benar sulit untuk diabaikan!

Mari kita telusuri konsep seputar pembuatan popup seluler dan temukan cara menyematkannya di situs web.

Buat Popup Seluler untuk Situs Anda dengan Widget Elfsight

Popup widget from Elfsight. It takes minutes to build and seconds to embed. Why? Well, it doesn’t require coding knowledge, tech background, or design skills. It’s all quite intuitive.”>Jika Anda mencari cara termudah untuk membuat popup seluler di situs web, kami punya solusi—yang Widget Popup dari Elfsight. Proses pembuatannya hanya memakan beberapa menit dan penyematannya hanya beberapa detik. Mengapa? Nah, tidak diperlukan pengetahuan pemrograman, latar belakang teknis, atau keterampilan desain. Semuanya cukup intuitif.

Selain itu, widget ini ramah seluler. Jadi ia memberikan fleksibilitas dan kebebasan yang Anda butuhkan tanpa kendala yang tidak diinginkan. Berikut apa yang diperlukan untuk melakukannya:

1. Log in to your existing Elfsight account or sign up for a free account to get full dashboard access.
2. Pilih widget Popup dari Katalog Aplikasi.
3. Mulailah keajaiban kustomisasi.
4. Salin kode HTML unik untuk disematkan di situs Anda.
5. Masukkan kode pop-up seluler Anda ke editor situs web dan simpan semua perubahannya!

Kalau dipikir-pikir, ini mudah, kan? Coba lakukan sendiri dan temukan jumlah fitur bawaan yang tak terbatas.

Cara Menyematkan Popup Seluler di Situs Web Menggunakan Widget Elfsight?

Menyematkan pop-up seluler di situs Anda menggunakan Elfsight Widget adalah proses yang mudah. Kami siap memperkenalkan panduan langkah demi langkah dan membantu Anda memulai:

Langkah 1: Dapatkan otorisasi ke akun Elfsight Anda untuk membuka widget popup

Langkah ini merupakan awal perjalanan kita. Mulailah dengan mengunjungi situs Elfsight dan mendaftar akun gratis, sehingga Anda memiliki akses penuh ke semua fitur produk. Jika Anda sudah memiliki profil, masuk ke dashboard menggunakan alamat email dan kata sandi yang terdaftar.

Langkah 2: Temukan plugin Popup

Setelah masuk, cari widget Popup. Ketik namanya di bilah pencarian Katalog Aplikasi dan pilih produk yang sesuai.

Langkah 3: Pilih template popup yang telah dirancang sebelumnya

Telusuri koleksi template Popup yang luas. Silakan pilih template yang paling sesuai dengan gaya situs Anda dan tujuan bisnis Anda.

Semua responsif untuk perangkat seluler—tak perlu khawatir.

Langkah 4: Personalisasikan Popup Seluler Anda

Mulailah dengan menyesuaikan widget Anda dengan beragam fitur gratis: blok kustom, teks, warna, font, gambar, video, tata letak, latar belakang, dll. Manfaatkan untuk membuat pesan ajakan bertindak yang luar biasa, visual yang mengesankan, dan judul yang tak terlupakan.

Langkah 5: Konfigurasikan pengaturan tampilan popup 

Dengan Elfsight, Anda bisa menentukan perangkat mana yang dapat menampilkan popup Anda dan mana yang tidak. Buka menu Perangkat dan centang opsi yang diperlukan.

Langkah 6: Selesaikan pengaturan pemicu popup

Gunakan trik pintar agar popup muncul di tempat dan waktu yang tepat. Hadapi beberapa opsi pemicu dan pilih yang paling sesuai untuk Anda: saat halaman dimuat, saat digulir, saat mengklik, saat niat keluar, dan masih banyak lagi.

Langkah 7: Periksa ulang popup Anda dalam mode seluler

Sebelum menyelesaikan perubahan dengan mengeklik Publikasikan, periksa layar pratinjau untuk memastikan popup seluler Anda terlihat baik.

Langkah 8: Dapatkan dan salin kode untuk menyematkan popup

Setelah Anda puas dengan widget Popup Anda, dapatkan kode yang dihasilkan secara otomatis untuk disematkan di situs Anda.

Langkah 9: Sematkan popup di situs web Anda

Untuk melihat notifikasi seluler Anda bekerja, masukkan kode yang diperoleh ke editor situs dan simpan perubahannya!

Setelah Anda menyelesaikan langkah-langkah ini, popup seluler akan aktif di situs Anda! Sekarang saatnya kita masuk ke bagian di mana Anda akan mempelajari rahasia notifikasi yang sukses.

Praktik Terbaik Pop-up Mobile

Untuk memaksimalkan notifikasi Seluler Anda dan meraih hasil yang sukses, sebaiknya ikuti praktik terbaik. Berikut tujuh kiat untuk membantu Anda membuat pop-up seluler yang efektif dan ramah pengguna:

Praktik Popup #1: Kenali audiens Anda dengan lebih baik

Memahami audiens target Anda dan tujuan bisnis Anda sebelum Anda menyematkan popup seluler ke situs web sangat penting karena beberapa alasan:

• Relevansi. Mengetahui audiens target Anda memungkinkan Anda menyesuaikan pesan popup dan desainnya agar selaras dengan mereka. Biarkan notifikasi seluler memberikan nilai dan relevan dengan minat serta kebutuhan mereka.
• Pengalaman pengguna. Anda bisa membuat popup seluler yang meningkatkan pengalaman pengguna alih-alih mengganggunya. Sesuaikan dengan preferensi dan pola perilaku umum untuk menghindari notifikasi yang mengganggu atau invasif yang berpotensi berdampak negatif pada pendapatan dan metrik situs Anda.
• Optimasi konversi. Memiliki tujuan bisnis yang jelas membantu menentukan tindakan spesifik yang Anda inginkan pengguna lakukan saat berinteraksi dengan popup seluler. Baik mendaftar buletin, mengunduh eBook, maupun melakukan pembelian, memahami tujuan Anda memungkinkan Anda mengoptimalkan fungsi notifikasinya.
• Personalisasi. Dengan menggunakan segmentasi dan metode penargetan, Anda dapat menampilkan notifikasi seluler kepada berbagai kelompok pengguna berdasarkan preferensi, demografi, atau kebiasaan mereka.

Untuk mencapai hasil terbaik dan menyempurnakan strategi Anda berdasarkan poin-poin yang disebutkan, Anda dapat menggunakan teknik riset pemasaran apa saja: GROW model, 5W oleh Mark Sherrington, dll.

Praktik Popup #2: Perhatikan posisi popup di perangkat seluler

Saat Anda memasang Popup seluler di situs web Anda, pertimbangkan posisi tata letak berikut:

• Slide-in. Menempatkan popup di bagian bawah memastikan tidak mengganggu konten utama dan memungkinkan pengunjung fokus pada konten situs sebelum menemukannya. Posisi ini bisa efektif untuk menangkap perhatian tanpa mengganggu.
• Tengah Halaman. Notifikasi seluler yang ditempatkan di tengah dapat menarik perhatian secara langsung, tetapi bisa menghalangi konten situs utama. Pertimbangkan menggunakan posisi ini untuk pesan dengan prioritas tinggi atau saat Anda ingin pengunjung bertindak segera.
• Pop-up Sudut. Pop-up Sudut memiliki dua penempatan: di sudut atas atau bawah layar. Posisi ini memastikan konten utama tidak sepenuhnya tertutup, sehingga pengunjung bisa menutup notifikasi sambil tetap memperhatikannya.
• Popup mengambang atau menggulir. Popup ini bergerak dan tetap berada di posisi tertentu saat pengguna menggulir halaman. Ini adalah opsi yang kurang mengganggu yang membuat pesan tetap terlihat tanpa menutupi seluruh layar.

Berikut tip singkat: pastikan popup tidak mengganggu pengalaman pengguna atau menghambat akses konten di perangkat seluler.

Praktik Popup #3: Buat popup seluler Anda bermakna

Pesan Popup Seluler harus jelas, menarik, dan selaras dengan tujuan bisnis Anda sebelum Anda menyematkannya di situs web. Spesifikasinya biasanya bergantung pada tujuan, audiens target, dan tindakan yang Anda inginkan. Namun, berikut beberapa elemen kunci dan ide pesan yang perlu dipertimbangkan:

• Judul yang menarik perhatian. Mulailah dengan judul yang memikat yang langsung menarik perhatian pengguna. Gunakan bahasa persuasif dan buat relevan dengan proposisi nilai atau tawaran yang Anda sampaikan.

• Salinan yang jelas dan singkat. Buat konten popup Anda singkat dan tepat sasaran. Gunakan kalimat lugas untuk menyampaikan pesan utama dengan efektif. Hindari jargon atau bahasa yang rumit yang bisa membingungkan pengguna.

• Bahasa berorientasi manfaat. Soroti manfaat atau nilai yang akan diterima pengguna dengan berinteraksi dengan popup seluler di situs Anda. Komunikasikan dengan jelas bagaimana popup ini bisa menyelesaikan masalah, menghemat waktu, atau memberikan akses eksklusif ke sesuatu yang berharga.

• Aksi ajakan yang kuat. Biarkan frasa ini berbicara sendiri: mendaftar buletin, melakukan pembelian, atau mengeksplor tawaran. Gunakan kata kerja aksi yang menciptakan rasa urgensi atau kegembiraan.

• Transparansi dan Kredibilitas: Jika popup seluler Anda mengharuskan pengguna memberikan informasi pribadi atau berlangganan layanan, komunikasikan tingkat keamanannya dan jelaskan syarat atau ketentuan yang terkait dengan interaksi mereka.

Ingat untuk menyesuaikan pesan Anda berdasarkan identitas merek, minat audiens target, dan nada situs Anda. Pantau kinerjanya dan sesuaikan sesuai kebutuhan.

Praktik Pop-up #4: Waktu adalah Segalanya

Saat menampilkan notifikasi seluler di situs Anda, pertimbangkan juga waktunya: kapan menarik pelanggan potensial? Tidak ada waktu baku untuk popup seluler, karena bergantung pada berbagai faktor: sifat situs Anda, tujuan, dan sasaran akhir Anda.

Namun, berikut beberapa saran yang perlu diperhatikan:

• Pemicu Tertunda. Sematkan jeda sebelum menampilkan notifikasi, memberi pengguna Anda waktu untuk menjelajahi situs web atau melakukan tindakan tertentu. Dengan cara ini popup tidak langsung mengganggu pengalaman menjelajah mereka.
• Niat Keluar Popup. Pertimbangkan memicu popup ketika pengguna menunjukkan niat untuk meninggalkan situs Anda, misalnya memindahkan kursor menuju tombol tutup browser di bagian akhir halaman atau tombol kembali. Ini memberi mereka kesempatan untuk berinteraksi sebelum meninggalkan.
• Durasi sesi. Pasang sebuah popup yang muncul setelah pengunjung menghabiskan waktu tertentu di situs Anda. Beri mereka cukup waktu untuk mengenal konten Anda sebelum ditampilkan notifikasi.

Ingat, penting untuk memastikan popup mudah ditutup. Jangan mengganggu kenyamanan penggunaan dan keterbacaan situs seluler Anda. Memantau perilaku pengguna dan berbagai waktu penayangan bisa membantu Anda menemukan waktu yang optimal.

Praktik popup #5: Uji pemicu yang berbeda

Pilih pemicu dengan cermat yang meningkatkan pengalaman pengguna, bukan mengganggu atau mengacaukan pengunjung. Berikut beberapa pemicu yang dapat Anda gunakan:

• Penundaan waktu. Tetapkan penundaan waktu tertentu sebelum notifikasi muncul, memungkinkan pengguna untuk terlibat dengan konten situs Anda sebelum pop-up ditampilkan.
• Kedalaman gulir. Atur notifikasi seluler untuk muncul setelah pengguna menggulir hingga kedalaman tertentu di situs Anda. Hal ini menandakan audiens yang terlibat secara aktif dengan konten Anda, sehingga mereka lebih mungkin merespons positif terhadap popup.
• Niat Keluar. Aktifkan pop-up saat pengunjung mencoba meninggalkan situs Anda, menampilkan penawaran terakhir atau undangan untuk berlangganan pembaruan.
• Tampilkan pop-up ketika pengguna mengklik tautan, tombol, atau elemen tertentu. Ini tidak hanya menunjukkan minat nyata mereka pada topik atau tindakan tertentu, tetapi juga meningkatkan peluang untuk meningkatkan pendapatan Anda.

Selalu pertahankan performa dan respons pengguna terhadap notifikasi seluler Anda. Biarkan mereka diterima dengan baik.

Latihan popup #6: Tambahkan visual yang atraktif dan emoji untuk menarik perhatian

Jika Anda ingin menyematkan elemen visual dan emoji ke dalam Popup seluler, berikut daftar opsi yang bisa Anda gunakan untuk menyelaraskannya dengan nada dan gaya merek Anda:

• Gambar produk. Jika popup Anda mempromosikan produk atau layanan tertentu, memasukkan gambar berkualitas tinggi dapat membantu menarik minat dan menyampaikan nilainya.
• Ilustrasi dan Emoji. Menambahkan grafis kustom atau emoji bisa menambah sentuhan kreativitas dan keunikan pada popup seluler Anda. Ini juga bisa menambah kegembiraan ekstra terkait pesan Anda.

• Gambar latar atau video. Pilih visual yang menarik yang selaras dengan merek Anda dan menciptakan latar belakang yang menyenangkan. Namun aturan utamanya adalah visuals tersebut relevan dan terkait dengan konten atau tawaran yang Anda tampilkan.
• Ikon. Gunakan ikon untuk mewakili tindakan atau manfaat secara visual. Misalnya, gunakan ikon keranjang belanja jika popup Anda mendorong pengguna untuk melakukan pembelian atau ikon surat untuk pendaftaran buletin.
• Logo Merek. Tempatkan logo Anda di pop-up untuk meningkatkan kesadaran merek dan membangun kepercayaan dengan audiens Anda.

Pemilihan visual dan emoji sebaiknya mencerminkan kepribadian merek Anda dan normanya. Penting menjaga gaya visual yang konsisten agar tidak membingungkan atau mengejutkan pengguna.

Latihan popup #7: Coba tombol ajakan bertindak

Saat menyisipkan tombol CTA untuk notifikasi seluler, buat tampilannya menarik secara visual, mudah diketuk di perangkat seluler, dan efektif membimbing pengguna untuk mengambil tindakan yang diinginkan.

Berikut beberapa jenis tombol CTA yang cocok untuk pop-up di perangkat mobile:

• Tombol yang jelas dan berorientasi aksi. Gunakan teks yang ringkas dan jelas yang secara eksplisit mengomunikasikan tindakan yang akan dilakukan pengguna saat mengklik tombol.
• Tombol berorientasi manfaat. Alih-alih CTA generik, sorot manfaat spesifik yang akan diterima pengguna dengan mengklik. Berikut beberapa contohnya: “Buka Penawaran Waktu Terbatas,” “Dapatkan Panduan Langkah Demi Langkah,” atau “Bergabung dengan Komunitas Kami.”
• Tombol berbasis urgensi. Bahasa yang mendesak bisa menimbulkan rasa takut ketinggalan (FOMO) dan mendorong pengguna untuk mengklik CTA. Lihat contoh frasa tombol berikut: “Dapatkan Penawaran,” “Tonton Sekarang,” atau “Jangan Lewatkan.”
• Tombol bukti sosial. Manfaatkan bukti sosial untuk meningkatkan kepercayaan dan keterlibatan pengguna. Sematkan popup tombol seperti “Join Thousands of Satisfied Customers,” “See What Others Are Saying,” atau “Join Our Community.”
• Tombol berbasis ikon. Gunakan ikon yang mudah dikenali secara visual untuk menyampaikan tindakan tanpa hanya mengandalkan teks. Contoh termasuk ikon keranjang belanja untuk Add to Cart, ikon amplop untuk Contact Us, atau tanda putar untuk Watch Video.

Pastikan tombol CTA Anda cukup besar agar mudah diketuk pada perangkat seluler. Letakkan tombol CTA secara mencolok di dalam popup, gunakan ruang putih dan hierarki visual untuk menarik perhatian serta mengarahkan pengguna ke tombol tersebut.

Selain itu, perhatikan gaya merek Anda, audiens target, dan estetika keseluruhan situs Anda saat memilih tombol CTA yang tepat untuk popup seluler Anda.

Manfaat Menggunakan Popup Seluler di Situs Web

Menggunakan popup seluler di situs web dapat menawarkan beberapa manfaat:

1. Tarik Perhatian	Notifikasi seluler bisa menarik perhatian pengunjung situs Anda: muncul langsung di layar mereka. Praktis untuk menonjolkan promosi, penawaran, atau pengumuman penting.
2. Meningkatkan Tingkat Konversi	Dengan penempatan popup seluler secara strategis, Anda dapat mendorong pengguna untuk mengambil tindakan spesifik: bergabung dengan daftar email, melakukan pembelian, atau mengunduh aplikasi. Ini meningkatkan tingkat konversi Anda dan menghasilkan lebih banyak keterlibatan.
3. Personalisasi pengalaman pengguna	Notifikasi seluler sangat cocok untuk menyampaikan konten yang dipersonalisasi kepada pengunjung situs berdasarkan preferensi, perilaku, atau demografis mereka. Ini bisa membuat mereka merasa lebih terhubung dengan merek Anda.
4. Sampaikan informasi penting	Popup sangat membantu untuk menyampaikan informasi sensitif waktu atau pembaruan krusial kepada audiens Anda. Gunakan untuk menginformasikan penawaran waktu terbatas, perubahan besar dalam perusahaan, rencana acara, dll.
5. Optimalkan untuk pengguna seluler	Notifikasi seluler dioptimalkan untuk bekerja pada perangkat seluler guna meningkatkan keterlibatan pengguna dan kepuasan secara keseluruhan. Ini menjanjikan pengalaman yang mulus bagi pengguna yang mengakses situs Anda melalui ponsel pintar atau tablet.
6. Pengurangan Keranjang Belanja yang Ditinggalkan	Dengan menawarkan insentif atau pengingat yang dipersonalisasi, pop-up dapat mengurangi tingkat pengabaian keranjang belanja dan meningkatkan penjualan secara keseluruhan.

Pemikiran Akhir tentang Membuat Popup Seluler

Ide untuk memasang popup seluler adalah strategi yang efektif untuk menarik perhatian pengguna, mendorong keterlibatan, dan meningkatkan konversi di situs Anda. Dengan mengikuti langkah-langkah dan tips yang diuraikan, Anda dapat membuat notifikasi responsif menggunakan widget Elfsight dan memanfaatkan banyak manfaatnya. Ingatlah untuk menerapkan praktik terbaik dan melakukan banyak eksperimen untuk mengoptimalkan efektivitasnya.

Lihat informasi lebih lanjut tentang widget Popup melalui sumber-sumber di bawah ini:

• Pusat Bantuan.
• Komunitas Elfsight.
• Daftar Keinginan.

Manfaatkan kekuatan notifikasi seluler dan naikkan penjualan serta keterlibatan situs Anda ke level yang lebih tinggi!