Clew

Cara menambahkan popup ke website tanpa developer

Popup adalah cara tercepat menyampaikan satu hal penting: promo, peluncuran, atau “bingung pilih paket?”. Di Clew Anda menulisnya di editor, memilih halaman dan waktunya, lalu popup muncul di situs live — tanpa plugin per halaman, tanpa kode, tanpa rilis.

Waktu
● 10 menit
Harga
Uji coba gratis 14 hari, tanpa kartu
Format
Jendela modal

Apa itu popup Clew

Jendela modal (popup) muncul di tengah layar, di atas halaman. Di Clew, ini adalah tur dengan format Jendela modal: satu atau beberapa langkah, masing-masing berisi judul, teks, dan tombol tautan opsional yang membuka halaman Anda di tab baru.

Berbeda dengan popup yang ditanam di tema, popup ini punya aturan: di halaman mana, setelah berapa detik atau seberapa jauh scroll, pada kunjungan ke berapa, untuk pengguna yang mana — dan secara default tampil sekali per pengunjung. Tayangan, penyelesaian, dan penutupan dihitung.

Popup (jendela modal) dengan judul, teks, dan tombol tautan di atas sebuah website
ilustrasi skematis

Kapan popup membantu dan kapan mengganggu

Penawaran di kunjungan kedua

Pengunjung yang kembali lebih tertarik. Pada kunjungan ke-N menampilkan penawaran kepada mereka dan tidak mengganggu yang baru datang.

Bantuan di halaman yang bikin ragu

Di halaman harga atau halaman produk yang panjang, “Bingung pilih paket? Ngobrol dengan kami” setelah 20 detik menjangkau yang bertahan, tanpa menyela semua orang.

Pengumuman

Fitur baru, jam operasional hari libur, estimasi pengiriman: satu modal, sekali per pengunjung, lalu tidak muncul lagi.

Yang sebaiknya dihindari

Popup saat halaman dimuat untuk semua orang, beberapa popup berturut-turut, atau popup tanpa tombol tutup. Clew selalu menampilkan tombol tutup dan hanya satu item sekaligus.

Cara menambahkan popup dalam 5 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
    Langkah 1 · ilustrasi skematis
  2. Langkah 02

    Pasang baris kode sekali saja

    Tempel snippet di tempat Anda mengelola situs. Setiap panduan butuh 5–10 menit dan tidak perlu diulang: semua langkah berikutnya dikerjakan di Clew.

    Letak kolom kode head di website builder populer
    Langkah 2 · ilustrasi skematis
  3. Langkah 03

    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
    Langkah 3 · ilustrasi skematis
  4. Langkah 04

    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 /collections
    Kapan ditampilkanPada kunjungan ke-N: 2
    Target audiensTanpa aturan: semua yang membuka halaman
    FrekuensiSekali per pengunjung
    Editor tur Clew dengan format, aturan URL, pemicu, dan aturan audiens
    Langkah 4 · ilustrasi skematis
  5. Langkah 05

    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
    Langkah 5 · ilustrasi skematis

Langkah demi langkah: popup di platform Anda

Pilih platform yang dipakai untuk membangun situs atau aplikasi Anda. Setiap panduan berisi langkah pemasangan, contoh dengan pengaturan siap pakai, dan jebakan khas platform tersebut.

Apakah gratis?

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.

Tanya jawab

Apakah popup gratis?

Popup memakai format modal, yang termasuk dalam Pro. Setiap akun baru mendapat uji coba 14 hari dengan semua format, tanpa kartu. Tur dan tooltip tetap gratis di paket Free.

Bisakah popup berisi formulir?

Tidak. Modal Clew berisi judul, teks, dan tombol tautan. Arahkan ke formulir, halaman booking, atau chat yang sudah Anda punya, supaya pengumpulan data tetap di alat yang Anda percaya.

Apakah popup merugikan SEO?

Popup ditambahkan oleh skrip setelah halaman dimuat dan bisa ditutup dengan satu klik. Google tidak menyarankan interstisial yang menutupi konten di ponsel begitu halaman dibuka; pakai jeda, scroll, atau kunjungan kedua, bukan lapisan layar penuh seketika.

Bagaimana supaya tampil sekali saja?

Atur Frekuensi ke Sekali per pengunjung. Clew mengingat di browser pengunjung bahwa popup sudah diselesaikan atau ditutup.

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.