HOSTING CEPATDOMAIN MURAHSSL GRATISSUPPORT 24/7UPTIME 99.9%SERVER INDONESIAHOSTING CEPATDOMAIN MURAHSSL GRATISSUPPORT 24/7UPTIME 99.9%SERVER INDONESIA
Tutorial

Cara Membuat Popup di WordPress: Plugin Terbaik & Panduan Konversi

Tim HostingEkspres|26 April 2026|12 menit baca
popup WordPressplugin WordPresskonversi websiteemail marketinglead generationOptinMonstertutorial WordPresslanding page
Cara Membuat Popup di WordPress: Plugin Terbaik & Panduan Konversi

Cara Membuat Popup di WordPress: Plugin Terbaik & Panduan Konversi

Popup adalah salah satu alat konversi yang paling kontroversial dalam dunia pemasaran digital. Di satu sisi, popup yang dirancang buruk dan ditampilkan sembarangan adalah salah satu hal yang paling dibenci pengguna internet. Di sisi lain, popup yang dirancang dengan baik, ditampilkan pada waktu yang tepat, dan menawarkan nilai nyata kepada pengunjung adalah mesin konversi yang luar biasa efektif.

Studi dari Sumo menunjukkan bahwa popup dengan performa terbaik dapat mencapai tingkat konversi hingga 9,28% - jauh lebih tinggi dari rata-rata konversi banner atau sidebar biasa. Kuncinya adalah "bagaimana" dan "kapan", bukan sekadar "apakah".

Dalam panduan ini, Anda akan belajar cara membuat popup di WordPress yang efektif, dari memilih plugin yang tepat hingga merancang popup yang pengunjung tidak akan abaikan - bahkan bersyukur melihatnya.

Jenis-Jenis Popup dan Kapan Menggunakannya

Tidak semua popup sama. Memilih jenis popup yang tepat untuk tujuan yang tepat adalah fondasi dari strategi konversi yang berhasil.

cara membuat popup wordpress
Ilustrasi cara membuat popup wordpress

1. Entry Popup (Popup Masuk)

Muncul segera setelah pengunjung membuka halaman. Ini adalah jenis yang paling agresif dan sering kali paling mengganggu jika tidak dirancang dengan baik. Gunakan jenis ini dengan hati-hati, idealnya hanya untuk penawaran sangat kuat (diskon besar, konten eksklusif gratis).

Kapan gunakan: Promosi flash sale, penawaran terbatas waktu untuk pengunjung baru.

2. Exit-Intent Popup

Ini adalah jenis popup paling efektif dan paling "sopan". Popup hanya muncul ketika teknologi mendeteksi bahwa kursor mouse pengguna bergerak menuju tombol "close" atau "back" browser - yaitu saat mereka akan meninggalkan halaman. Karena pengunjung sudah akan pergi, popup ini tidak mengganggu pengalaman browsing mereka.

Kapan gunakan: Menawarkan diskon last-minute, formulir berlangganan newsletter, unduh konten gratis sebelum pergi.

Konversi rata-rata: 4-5%, sangat baik untuk popup yang "non-intrusif".

3. Scroll Popup

Muncul setelah pengunjung menggulir halaman hingga persentase tertentu (misalnya 50% atau 70%). Ini menunjukkan bahwa pengunjung sudah cukup tertarik dengan konten Anda sebelum ditawari sesuatu - yang membuat mereka lebih reseptif terhadap penawaran.

Kapan gunakan: Penawaran konten terkait (download e-book, subscribe newsletter) di blog atau halaman panjang.

4. Timed Popup (Popup Berbasis Waktu)

Muncul setelah pengunjung menghabiskan waktu tertentu di halaman (misalnya 30, 60, atau 120 detik). Waktu yang dihabiskan adalah indikator minat, sehingga pengunjung yang bertahan lama lebih mungkin merespons penawaran.

Kapan gunakan: Umumnya lebih baik dibandingkan entry popup, cocok untuk sebagian besar kasus.

5. Click Popup

Hanya muncul ketika pengunjung mengklik tombol atau tautan tertentu. Ini adalah yang paling tidak mengganggu karena sepenuhnya dipicu oleh tindakan pengguna sendiri. Sering digunakan sebagai pengganti halaman terpisah untuk formulir pendaftaran atau detail penawaran.

6. Floating Bar

Banner tipis yang menempel di bagian atas atau bawah halaman dan mengikuti saat pengguna menggulir. Tidak menutupi konten dan sangat efektif untuk mengumumkan promosi aktif atau mengumpulkan email.

5 Plugin Popup Terbaik untuk WordPress

1. OptinMonster - Terbaik Secara Keseluruhan

OptinMonster adalah raja platform popup berbayar dengan fitur paling lengkap di kelasnya. Teknologi exit-intent-nya adalah yang paling akurat di industri, dan kemampuan targetingnya memungkinkan personalisasi yang sangat mendalam berdasarkan perilaku, lokasi, perangkat, hingga halaman yang dikunjungi.

  • Harga: $9 - $49/bulan (tagihan tahunan)
  • Fitur unggulan: Exit-intent terbaik, A/B testing, analitik konversi, 50+ template, integrasi 500+ layanan email marketing
  • Cocok untuk: Website bisnis menengah-besar yang serius soal konversi

2. Elementor Pro Popup Builder - Terbaik untuk Pengguna Elementor

Jika Anda sudah menggunakan Elementor Pro sebagai page builder, fitur Popup Builder yang terintegrasi adalah pilihan yang sangat logis. Anda membuat popup dengan antarmuka drag-and-drop yang sama seperti membuat halaman biasa, dengan akses ke semua widget dan blok Elementor.

  • Harga: Termasuk dalam Elementor Pro ($59/tahun untuk 1 website)
  • Fitur unggulan: Integrasi penuh dengan Elementor, desain bebas, trigger canggih, kondisi tampilan
  • Cocok untuk: Pengguna Elementor Pro yang tidak ingin menambah plugin terpisah

3. Popup Maker - Terbaik Gratis dengan Ekstensi Berbayar

Plugin gratis paling fleksibel di repositori WordPress dengan lebih dari 700.000 instalasi aktif. Versi gratisnya sudah sangat powerful untuk kebutuhan dasar, dengan berbagai ekstensi berbayar yang tersedia untuk fitur lanjutan seperti exit-intent, targeting canggih, atau integrasi email marketing.

  • Harga: Gratis / Ekstensi mulai $87/tahun
  • Fitur unggulan: Sangat fleksibel, banyak trigger tersedia, kompatibel dengan semua tema
  • Cocok untuk: Pengembang web dan pengguna teknis yang ingin kontrol penuh

4. Sumo - Terbaik untuk Pertumbuhan Email List Gratis

Sumo menawarkan paket gratis yang mencakup popup formulir email dengan fitur esensial. Sangat mudah digunakan dan fokus pada satu tujuan: membangun daftar email. Versi gratis menampilkan branding Sumo.

  • Harga: Gratis / $39/bulan (Pro)
  • Fitur unggulan: Mudah digunakan, A/B testing di versi gratis, integrasi Mailchimp, Klaviyo, dll.
  • Cocok untuk: Blog dan bisnis kecil yang fokus pada list building

5. WP Popups - Plugin Gratis Ringan untuk Pemula

Untuk kebutuhan popup sederhana tanpa overhead performa yang besar, WP Popups adalah pilihan yang solid. Ringan, mudah dikonfigurasi, dan mendukung semua jenis konten WordPress termasuk shortcode, widget, dan blok Gutenberg.

  • Harga: Gratis / Pro mulai $49/tahun
  • Cocok untuk: Pemula yang butuh popup sederhana dengan cepat

Cara Membuat Popup dengan Elementor Pro

Berikut panduan langkah demi langkah membuat popup exit-intent menggunakan Elementor Pro Popup Builder:

Langkah 1: Akses Popup Builder

  1. Dari dashboard WordPress, klik Templates di menu sidebar kiri
  2. Pilih sub-menu Popups
  3. Klik tombol "Add New Popup"
  4. Beri nama template popup Anda (contoh: "Popup Exit Intent - Newsletter") dan klik Create Template

Langkah 2: Desain Popup di Editor Elementor

  1. Editor Elementor akan terbuka dengan kanvas popup kosong
  2. Atur ukuran popup di panel kiri: untuk popup newsletter, lebar 500-600px sudah ideal
  3. Tambahkan elemen sesuai kebutuhan: gambar, judul, teks persuasif, dan yang paling penting - widget Form untuk mengumpulkan email
  4. Pastikan ada tombol "Tutup" (X) yang mudah ditemukan - ini adalah elemen yang paling sering dilewatkan namun krusial untuk UX yang baik
  5. Aktifkan toggle "Overlay" di pengaturan popup untuk menambahkan latar belakang semi-transparan di belakang popup

Langkah 3: Hubungkan Formulir dengan Email Marketing

  1. Klik widget Form di kanvas
  2. Di panel kiri, cari tab Actions After Submit
  3. Klik ikon + dan pilih MailChimp (atau provider email marketing Anda)
  4. Pilih API key yang sudah terhubung dan pilih audience/list yang dituju
  5. Simpan pengaturan

Langkah 4: Konfigurasi Kondisi Tampilan

Ini adalah tahap terpenting - menentukan di mana dan kepada siapa popup ditampilkan.

  1. Klik tombol Publish di pojok kiri bawah editor
  2. Panel kondisi akan terbuka. Klik Add Condition
  3. Pilih kondisi sesuai kebutuhan: "Entire Site" untuk semua halaman, atau pilih halaman/kategori spesifik
  4. Klik Next

Langkah 5: Atur Trigger Popup

  1. Di tab Triggers, aktifkan Exit Intent dengan mengklik toggle-nya
  2. Opsi tambahan yang disarankan: aktifkan juga On Scroll dengan nilai 70% sebagai fallback untuk mobile (exit intent tidak bekerja di perangkat sentuh)
  3. Klik Next

Langkah 6: Atur Frekuensi Tampilan

  1. Di tab Advanced Rules, atur berapa kali popup boleh ditampilkan kepada pengguna yang sama
  2. Rekomendasi: tampilkan maksimal 1 kali per sesi, dan jangan tampilkan lagi selama 7-30 hari jika sudah ditutup
  3. Aktifkan opsi "Don't show to logged-in users" jika target Anda hanya pengunjung baru
  4. Klik Save & Close

Popup Anda kini aktif! Buka website di tab incognito untuk melihat hasilnya.

Cara Membuat Popup dengan Sumo (Gratis)

Untuk Anda yang ingin solusi gratis dengan setup yang lebih cepat, berikut cara menggunakan Sumo:

  1. Instal dan aktifkan plugin Sumo dari repositori WordPress
  2. Daftar atau login ke akun Sumo Anda melalui pop-up yang muncul
  3. Dari dashboard Sumo, pilih List Builder
  4. Pilih template popup yang sesuai atau mulai dari template kosong
  5. Edit teks, gambar, dan warna menggunakan editor visual yang intuitif
  6. Di tab Display Rules, pilih trigger: pilih Smart Mode agar Sumo menentukan waktu optimal secara otomatis, atau pilih Exit Intent secara manual
  7. Di tab Integrations, hubungkan dengan layanan email marketing Anda
  8. Klik Save dan popup langsung aktif

Versi gratis menampilkan badge "Powered by Sumo" yang kecil di sudut popup. Ini bisa dihapus dengan upgrade ke paket Pro.

cara membuat popup wordpress
Ilustrasi cara membuat popup wordpress

Prinsip Desain Popup yang Efektif

Sebuah popup bisa aktif tetapi tidak efektif. Berikut prinsip-prinsip desain yang membedakan popup berkualitas tinggi dari yang biasa:

1. Tawarkan Nilai yang Jelas dan Menarik

Ini adalah faktor nomor satu. Pengunjung tidak akan memberikan email mereka tanpa alasan. Berikan sesuatu yang benar-benar berharga: e-book gratis, template yang berguna, kode diskon 20%, webinar eksklusif, atau akses konten premium. Semakin spesifik dan relevan nilai yang Anda tawarkan, semakin tinggi tingkat konversi popup Anda.

2. Judul yang Berorientasi pada Manfaat

Hindari judul generik seperti "Berlangganan Newsletter Kami". Ganti dengan judul yang langsung menyatakan manfaat: "Dapatkan Panduan SEO 50 Halaman GRATIS" atau "Hemat 20% untuk Pembelian Pertama Anda".

3. Formulir Seminimal Mungkin

Setiap field tambahan menurunkan tingkat konversi. Untuk pengumpulan email awal, cukup minta nama depan dan alamat email. Data lain bisa Anda kumpulkan nanti melalui email follow-up.

4. CTA (Call-to-Action) yang Kuat

Teks tombol "Submit" atau "Daftar" adalah membosankan dan tidak persuasif. Gunakan teks yang spesifik dan berorientasi tindakan: "Ya, Kirimkan E-book Gratis!" atau "Saya Mau Diskon 20%!". Kontras warna tombol dengan latar belakang popup juga sangat penting.

5. Tampilkan Tombol Tutup yang Jelas

Pengunjung yang tidak tertarik harus bisa menutup popup dengan mudah. Tombol "X" yang tersembunyi atau terlalu kecil akan membuat pengunjung frustrasi dan meningkatkan bounce rate. Paradoksnya, kemudahan menutup justru membuat brand Anda terlihat lebih terpercaya.

6. Optimalkan untuk Mobile

Google memiliki kebijakan ketat soal popup yang mengganggu di perangkat mobile, khususnya yang menutupi konten utama segera setelah halaman dimuat. Pastikan popup mobile Anda mengikuti panduan Google: tidak muncul di atas konten saat halaman baru dimuat, atau berukuran kecil sehingga tidak menghalangi sebagian besar layar.

Strategi Targeting dan Trigger Popup yang Cerdas

Popup yang ditampilkan kepada orang yang tepat, di waktu yang tepat, dengan pesan yang tepat akan menghasilkan konversi yang jauh lebih tinggi dibandingkan popup generik untuk semua orang.

Targeting Berdasarkan Sumber Traffic

Tampilkan pesan berbeda untuk pengunjung dari sumber berbeda. Contoh: pengunjung yang datang melalui iklan Facebook dengan penawaran tertentu sebaiknya melihat popup yang relevan dengan penawaran iklan tersebut, bukan popup generik.

Targeting Berdasarkan Halaman yang Dikunjungi

Popup di halaman blog tentang SEO sebaiknya menawarkan e-book atau checklist bertema SEO, bukan brosur tentang produk yang tidak terkait. Relevansi adalah kunci.

Jangan Tampilkan Popup kepada Pelanggan Aktif

Semua platform popup premium memungkinkan Anda untuk tidak menampilkan popup kepada pengguna yang sudah login atau sudah ada di daftar email Anda. Tampilkan popup penawaran langganan newsletter hanya kepada pengunjung yang belum berlangganan.

Pengunjung yang sudah menutup popup Anda tidak perlu melihatnya lagi dalam 7-30 hari ke depan. Atur cookie duration di pengaturan plugin popup Anda. Frekuensi yang berlebihan adalah alasan utama pengunjung memasang ad-blocker.

A/B Testing Secara Konsisten

Jangan pernah berasumsi mana yang lebih baik - uji secara langsung. Coba dua versi popup secara bersamaan dengan perbedaan pada satu elemen (judul, gambar, warna tombol, atau penawaran) dan ukur mana yang menghasilkan konversi lebih tinggi. Jalankan test minimal 2 minggu atau hingga mendapat 1.000 impression untuk hasil yang signifikan secara statistik.

FAQ: Pertanyaan Umum Seputar Popup WordPress

Kesimpulan

Popup yang dibuat dengan strategi yang tepat adalah aset bisnis yang sangat berharga, bukan gangguan. Perbedaannya terletak pada tiga hal: relevansi penawaran, ketepatan waktu tampil, dan kemudahan bagi pengguna untuk menutupnya.

Mulailah dengan exit-intent popup sederhana menggunakan Sumo atau Popup Maker - keduanya gratis dan bisa aktif dalam hitungan menit. Tawarkan sesuatu yang benar-benar berharga bagi pengunjung Anda, ukur hasilnya, dan terus optimalkan berdasarkan data nyata.

Ingat bahwa popup yang paling efektif adalah yang pengunjung tidak merasa terpaksa menutupnya, melainkan bersyukur sudah melihatnya. Ketika penawaran Anda cukup menarik dan timing-nya tepat, itulah yang akan terjadi.

Pastikan website WordPress Anda berjalan di hosting yang cepat dan stabil agar seluruh elemen - termasuk popup Anda - dimuat dengan sempurna dan tidak mengecewakan pengunjung di momen kritis.

Butuh Hosting untuk Website Anda?

Dapatkan hosting cepat, aman, dan terpercaya dengan harga terjangkau. Gratis domain, SSL, dan support 24/7.

Jangan Ketinggalan Promo!

Subscribe newsletter kami dan dapatkan diskon hingga 50% untuk pembelian pertama kamu.

Gratis, tanpa spam. Bisa unsubscribe kapan saja.