Cara menambahkan tooltip dan petunjuk ke website tanpa developer
Kadang pengunjung hanya butuh satu kalimat di tempat yang tepat: “kami hanya menelepon untuk konfirmasi”, “ukurannya kecil, pilih satu ukuran lebih besar”. Clew menaruh kalimat itu tepat di samping elemennya, tanpa mengubah tema.
- Waktu
- ● 10 menit
- Harga
- Paket Free
- Format
- Tooltip langkah demi langkah
Apa itu tooltip Clew
Tooltip adalah item satu langkah dengan format Tooltip langkah demi langkah: gelembung kecil berisi judul dan teks, menempel pada elemen halaman dan diposisikan otomatis (atau Atas, Bawah, Kiri, Kanan).
Tooltip bisa muncul Langsung saat halaman dimuat, Setelah N detik, atau Saat elemen diklik — opsi terakhir mengubah ikon atau tautan apa pun menjadi pemicu petunjuk. Elemen dipilih dengan mengekliknya lewat Pilih elemen.
Tempat yang cocok untuk petunjuk
Kolom formulir yang bikin ragu
Nomor HP, NPWP, ukuran perusahaan: satu baris tentang alasan Anda menanyakannya mengurangi keraguan.
Harga dan pilihan paket
Apa arti “per pengguna”, berapa hemat bayar tahunan — tepat di samping angkanya.
Opsi produk
Ukuran, kompatibilitas, dan estimasi pengiriman di samping pilihan, bukan di FAQ yang tidak pernah dibuka.
Pengaturan di aplikasi
Petunjuk saat diklik di samping opsi lanjutan, sesering yang dibutuhkan pengguna.
Cara menambahkan tooltip dalam 5 langkah
- 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>
Langkah 1 · ilustrasi skematis - 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.
Langkah 2 · ilustrasi skematis - Langkah 03
Tempelkan tooltip ke elemen
Di Clew buka Alur → + Alur baru, biarkan Tooltip langkah demi langkah, lalu klik Edit di situs Anda. Di halaman Anda klik Pilih elemen, klik kolom atau tombolnya, lalu tulis judul singkat dan satu kalimat. Atur Posisi jika posisi otomatis menutupi sesuatu yang penting.
Langkah 3 · ilustrasi skematis - 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:
Pengaturan Nilai Format Tooltip langkah demi langkah Di mana ditampilkan (URL halaman) Bagian berdasarkan prefiks /productsKapan ditampilkan Setelah N detik: 8 detik Target audiens Tanpa aturan: semua yang membuka halaman Frekuensi Sekali per pengunjung 
Langkah 4 · ilustrasi skematis - 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.
Langkah 5 · ilustrasi skematis
Langkah demi langkah: tooltip 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?
Gratis di paket Free Clew, tanpa kartu dan tanpa batas waktu: satu situs dan hingga 3 tur atau tooltip yang dipublikasikan. Aturan audiens dan A/B test tersedia di Pro.
Tanya jawab
Apakah tooltip gratis?
Ya. Tooltip dan tur ada di paket Free: satu situs, hingga 3 yang dipublikasikan, tanpa kartu dan tanpa batas waktu.
Bisakah tooltip muncul setiap kali?
Bisa: atur Frekuensi ke Setiap kunjungan. Dengan Saat elemen diklik, tooltip menjadi petunjuk sesuai permintaan.
Apakah berfungsi di ponsel?
Ya. Gelembung menyesuaikan posisi agar muat di layar dan menggulir halaman ke elemennya.
Bagaimana jika elemennya tidak ada di halaman?
Tooltip tidak tampil dan tab Kesehatan melaporkan elemen yang hilang, jadi Anda tahu setelah ada redesain.