Cara membuat panduan produk interaktif tanpa developer
Daripada artikel bantuan penuh screenshot, beri pengguna daftar “Bagaimana cara…?” langsung di produk. Setiap topik membuka halaman yang tepat dan memandu mereka dengan tooltip di antarmuka yang sebenarnya.
- Waktu
- ● 30 menit
- Harga
- Uji coba gratis 14 hari, tanpa kartu
- Format
- Checklist onboarding + Tooltip langkah demi langkah
Bagaimana panduan dibangun dari dua format
Panduan interaktif Clew menggabungkan dua item:
- Checklist onboarding berjudul, misalnya, “Bagaimana cara…”, di mana setiap item adalah satu topik dan tautannya mengarah ke halaman dengan
?tutorial=<slug-tur>; - satu tur Tooltip langkah demi langkah per topik. Jika dibuka dengan
?tutorial=, tur langsung dimulai — bahkan untuk pengguna yang sudah pernah melihatnya.
Panduan bisa dibuka Saat elemen diklik pada tombol “Bantuan” yang sudah ada dan tampil Setiap kunjungan, sehingga pengguna bisa kembali kapan saja. Tautan terbuka di tab baru, halaman yang sedang dibuka tetap ada.
Kapan panduan lebih baik daripada tur
Fitur yang dipakai sebulan sekali
Ekspor, tutup buku, impor massal: tidak ada yang ingat langkahnya, jadi walkthrough sesuai permintaan lebih berguna daripada tur di hari pertama.
Pertanyaan support yang paling sering
Ambil lima tiket “bagaimana cara…” yang paling sering muncul dan jadikan masing-masing satu topik.
Portal pelanggan dan mitra
Reseller, siswa, penyewa: pengguna sesekali yang seharusnya tidak perlu pelatihan.
Tools internal
Panel admin dan back office tempat rekan baru menanyakan hal yang sama berulang kali.
Cara membuat panduan interaktif 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
Buat turnya dulu, lalu checklist panduan
Pertama buat satu tur Tooltip langkah demi langkah per topik dengan Edit di situs Anda dan Pilih elemen, lalu catat Slug (dipakai di link) setiap tur. Kemudian buat Checklist onboarding: satu item per topik, dan di URL link isi alamat halaman ditambah
?tutorial=dan slug turnya.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 Checklist Format Checklist onboarding Di mana ditampilkan (URL halaman) Bagian berdasarkan prefiks /appKapan ditampilkan Saat elemen diklik: [data-tour="help"]Target audiens Tanpa aturan: semua yang membuka halaman Frekuensi Setiap kunjungan Tur produk Format Tooltip langkah demi langkah Di mana ditampilkan (URL halaman) Bagian berdasarkan prefiks /app/integrationsKapan ditampilkan Langsung saat halaman dimuat 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: panduan produk interaktif 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 panduan ini gratis?
Turnya gratis, tetapi checklist yang berisi daftar topik termasuk dalam Pro. Uji coba 14 hari sudah mencakupnya, tanpa kartu.
Kenapa topik terbuka di tab baru?
Tautan checklist selalu terbuka di tab baru agar pengguna tidak kehilangan halaman yang sedang dibuka. Tur langsung dimulai di tab itu.
Bisakah saya menautkan tur dari pusat bantuan saya?
Bisa. Tautan apa pun ke halaman yang berisi widget dengan ?tutorial=<slug> akan memulai tur itu — dari artikel, email, atau balasan chat.
Berapa banyak topik?
Lima sampai tujuh. Setiap tur tiga sampai enam langkah; pecah prosedur panjang menjadi dua topik.