HelpDesk Malakatech
Login
Helpdesk Malakatech

Cara Membuat Popup dengan Elementor Pro

ELEMENTOR 2 menit baca Lanjutan 9 views 20 May 2026

Apa Itu Popup Builder di Elementor Pro?

Elementor Pro menyertakan Popup Builder yang memungkinkan kamu membuat popup tanpa plugin tambahan. Popup bisa digunakan untuk promosi, lead capture, pengumuman, atau konfirmasi.

Cara Membuat Popup

  1. Buka Elementor → Popups → Add New
  2. Pilih template popup atau mulai dari scratch
  3. Desain popup seperti biasa menggunakan drag-and-drop
  4. Klik Publish → atur kondisi tampil dan trigger

Jenis Trigger Popup

  • On Page Load: Muncul setelah halaman dibuka (set delay agar tidak mengganggu)
  • On Scroll: Muncul saat pengunjung scroll ke persentase tertentu
  • On Click: Muncul saat tombol/link diklik
  • On Inactivity: Muncul saat pengunjung tidak aktif beberapa detik
  • On Exit Intent: Muncul saat mouse bergerak ke luar halaman (hendak pergi)

Pengaturan Display Conditions

Tentukan di halaman mana popup tampil:

  • Seluruh website
  • Halaman tertentu saja
  • Kategori produk tertentu
  • Pengunjung baru vs returning visitor

Tips Popup yang Tidak Mengganggu

  • Gunakan delay minimal 5 detik sebelum popup muncul
  • Buat tombol close yang mudah terlihat
  • Atur frekuensi: tampil sekali per sesi atau sekali per beberapa hari
  • Popup mobile harus mudah di-dismiss — pastikan tombol close tidak terlalu kecil
  • Tawarkan value nyata: diskon, ebook gratis, atau informasi penting

Alternatif Gratis: Plugin Popup

Jika menggunakan Elementor Free, gunakan plugin Elementor Popup — HollerBox atau Hustle yang bisa diintegrasikan dengan halaman Elementor.

Fazal Hamdan
Ditulis oleh
Fazal Hamdan

Penulis dan praktisi di bidang teknologi serta digital marketing yang aktif membagikan wawasan tentang transformasi digital, pengembangan website, dan strategi pemasaran berbasis data