Clew

Cara menambahkan popup ke situs WordPress tanpa developer

Oleh · diperbarui

Panduan langkah demi langkah untuk popup di WordPress: pasang satu baris, tulis modal di editor Clew, dan tentukan kapan muncul — setelah beberapa detik, saat di-scroll, atau pada kunjungan ulang — tanpa menyentuh tema lagi.

Waktu
● 10 menit
Harga
Uji coba gratis 14 hari, tanpa kartu
Siapa yang mengerjakan
Administrator WordPress

Contoh: popup di WordPress

Blog B2B di WordPress menawarkan checklist yang bisa diunduh. Alih-alih popup plugin di setiap artikel, modal Clew muncul di artikel /blog setelah 70% dibaca — pembaca sudah tertarik — dan tombolnya membuka halaman unduhan.

Format ini termasuk dalam paket Pro. Setiap akun baru dimulai dengan uji coba gratis 14 hari dengan semua format dan aturan audiens, tanpa kartu. Setelah uji coba berakhir, tidak ada yang dihapus dan yang sudah dipublikasikan tetap tampil; tur dan tooltip tetap gratis di paket Free.

Cara menambahkan popup di WordPress, langkah demi langkah

  1. Langkah 01

    Salin snippet Clew Anda

    Buat akun gratis (atau masuk), tambahkan situs Anda, lalu buka Ringkasan di admin. Klik baris pada kartu Belum ada sinyal dari widget. untuk menyalinnya: baris itu sudah berisi kunci situs asli Anda, bukan placeholder.

    <!-- Clew: ganti TEMPEL_KUNCI_SITUS_ANDA dengan kunci situs dari Admin > Ringkasan -->
<script src="https://tryclew.io/widget/TEMPEL_KUNCI_SITUS_ANDA.js" async></script>
    Ringkasan di admin Clew dengan baris embed dan kunci situs yang disamarkan (popup di WordPress)
    Langkah 1 · ilustrasi skematis
  2. Langkah 02

    Pasang plugin kode header

    Di Plugins → Add New pasang dan aktifkan plugin gratis WPCode (atau pakai opsi “header scripts” dari tema Anda). Jangan edit header.php: pembaruan tema akan menimpanya.

    Jalur ke kolom kode head di CMS populer, termasuk WPCode di WordPress (popup di WordPress)
    Langkah 2 · ilustrasi skematis
  3. Langkah 03

    Tempel baris ke kotak Header

    Buka Code Snippets → Header & Footer, tempel baris Clew ke Header, lalu klik Save Changes.

    Kolom kode Header dengan tag skrip Clew ditempel (popup di WordPress)
    Langkah 3 · ilustrasi skematis
  4. Langkah 04

    Bersihkan cache

    Jika Anda memakai WP Rocket, LiteSpeed Cache, W3 Total Cache, atau CDN, bersihkan cache. Di pengaturan “delay JavaScript”, kecualikan tryclew.io/widget.

    Toolbar plugin cache dengan aksi Clear cache disorot (popup di WordPress)
    Langkah 4 · ilustrasi skematis
  5. Langkah 05

    Tulis popup di Clew

    Di Clew buka Alur → + Alur baru, lalu atur Format ke Jendela modal. Tambahkan satu langkah: judul singkat, satu atau dua kalimat, dan di Teks link / URL link isi teks tombol serta halaman yang dibukanya. Modal tidak butuh selector: selalu tampil di tengah.

    Popup (jendela modal) dengan judul, teks, dan tombol tautan di atas sebuah website (popup di WordPress)
    Langkah 5 · ilustrasi skematis
  6. Langkah 06

    Tentukan di mana, kapan, dan untuk siapa tampil

    Di editor yang sama, isi Di mana ditampilkan (URL halaman), Kapan ditampilkan, Target audiens, dan Frekuensi. Ini pengaturan untuk contoh di atas:

    PengaturanNilai
    FormatJendela modal
    Di mana ditampilkan (URL halaman)Bagian berdasarkan prefiks /blog
    Kapan ditampilkanSetelah scroll N%: 70 % halaman
    Target audiensTanpa aturan: semua yang membuka halaman
    FrekuensiSekali per pengunjung
    Editor tur Clew dengan format, aturan URL, pemicu, dan aturan audiens (popup di WordPress)
    Langkah 6 · ilustrasi skematis
  7. Langkah 07

    Publikasikan dan cek di situs live

    Ubah Status menjadi Terbit lalu simpan. Buka halaman di jendela privat: Clew mengingat siapa yang sudah melihat item “sekali”, jadi browser yang biasa Anda pakai mungkin melewatinya. Tayangan, penyelesaian, dan titik berhenti muncul di statistik.

    Ringkasan di admin Clew dengan kartu hijau widget aktif (popup di WordPress)
    Langkah 7 · ilustrasi skematis

Jebakan umum: popup di WordPress

“Delay JavaScript” menyembunyikan popup sampai ada interaksi

WP Rocket, LiteSpeed, dan Perfmatters bisa menunda skrip sampai scroll atau klik pertama. Widget jadi terlambat dimulai dan item Langsung saat halaman dimuat terlihat rusak. Tambahkan tryclew.io/widget ke pengecualian.

Plugin popup yang sudah terpasang

OptinMonster, Elementor Popups, atau banner cookie bisa aktif di halaman yang sama. Pastikan popup Clew tidak muncul di detik yang sama dengan lapisan lain.

Jangan ditumpuk dengan popup bawaan builder

Jika tema atau plugin sudah menampilkan popup newsletter atau cookie di halaman yang sama, pengunjung melihat dua lapisan. Matikan salah satunya atau beri Clew pemicu lain (scroll atau kunjungan kedua).

Tanya jawab

Apakah saya masih butuh plugin popup?

Untuk ini tidak. Clew menggantikan plugin popup untuk modal pengumuman dan penawaran; pertahankan plugin formulir untuk formulirnya sendiri.

Apakah bisa di WordPress.com?

Plugin seperti WPCode butuh paket Business WordPress.com atau lebih tinggi. WordPress self-hosted bisa di hosting mana pun.

Bisakah popup hanya tampil di satu halaman?

Bisa. Pasang baris kode di seluruh situs, lalu pilih Path persis atau Bagian berdasarkan prefiks di Di mana ditampilkan (URL halaman). Popup tidak akan muncul di halaman lain.

Apakah popup gratis?

Format modal termasuk dalam Pro; akun baru mendapat uji coba 14 hari dengan semua fitur, tanpa kartu. Tur dan tooltip gratis di paket Free.

Tombolnya mengarah ke mana?

Ke halaman mana pun yang Anda isi di URL link. Halaman itu terbuka di tab baru, jadi pengunjung tidak kehilangan halaman yang sedang dibuka.

Yang juga bisa ditambahkan di WordPress

Popup di platform lain

Cara menambahkan popup ke website tanpa developerWebsite builder & CMS: panduan pemasanganHarga

Satu baris di situs Anda — lalu tur, tooltip, dan checklist tanpa rilis.

Dapatkan kunci situs gratisCara kerja ClewPaket gratis selamanya, tanpa kartu kredit

Product tour, popup, dan onboarding di era AI

7 pola lengkap dengan jumlah langkah, aturan teks, dan metrik, apa yang diubah AI, serta checklist sebelum terbit. PDF, 2 halaman. Isi panduan →

Panduannya dalam bahasa Inggris.