Cara menambahkan checklist onboarding ke aplikasi tanpa developer
Checklist langkah awal mengubah “lalu apa?” menjadi empat tugas jelas dengan progress bar. Di Clew Anda menulis itemnya, menautkan setiap item ke halaman tempat tugas itu dikerjakan, dan memilih siapa yang melihat daftar — progresnya disimpan widget di browser pengguna.
- Waktu
- ● 15 menit
- Harga
- Uji coba gratis 14 hari, tanpa kartu
- Format
- Checklist onboarding
Apa itu checklist Clew
Format Checklist onboarding adalah panel ringkas di pojok layar: judul, progress bar, dan Item checklist. Setiap item punya judul, deskripsi singkat, dan tautan opsional. Saat pengguna mengeklik item, item itu dicentang dan tautannya terbuka di tab baru.
Progres tersimpan di browser pengunjung, jadi daftar mengingat apa yang sudah dikerjakan antarkunjungan di perangkat itu. Penyelesaian dihitung saat semua item tercentang.
Apa yang dimasukkan ke daftar
Pengaturan yang membuka nilai produk
Hubungkan data, buat proyek pertama, undang rekan: tiga atau empat langkah yang membuat produk mulai berguna bagi pengguna.
Tautan langsung ke layar yang tepat
Setiap item mengarah ke halaman tempat tugas dikerjakan, jadi tidak ada yang perlu mencari di menu.
Tur di balik sebuah item
Tautkan item ke halaman dengan ?tutorial=<slug> dan tur itu langsung dimulai: checklist berubah menjadi panduan interaktif.
Hanya untuk yang membutuhkan
Dengan aturan audiens, daftar tampil untuk pengguna uji coba atau akun yang belum selesai setup, bukan untuk semua orang selamanya.
Cara menambahkan checklist onboarding 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
Tulis item checklist di Clew
Di Clew buka Alur → + Alur baru dan pilih Checklist onboarding. Isi Judul checklist, lalu tambahkan 3–5 Item checklist: judul berupa aksi, satu baris penjelasan, dan di URL link halaman tempat tugas dikerjakan. Tidak perlu selector.
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 Checklist onboarding Di mana ditampilkan (URL halaman) Bagian berdasarkan prefiks /appKapan ditampilkan Langsung saat halaman dimuat Target audiens Properti plansama dengantrialFrekuensi 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: checklist onboarding 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 checklist gratis?
Format checklist termasuk dalam Pro. Akun baru mendapat uji coba 14 hari dengan semua format dan aturan audiens, tanpa kartu; tur dan tooltip tetap gratis.
Apakah item tercentang otomatis saat pengguna menyelesaikan tugas?
Belum: item tercentang saat pengguna mengekliknya, yang sekaligus membuka tautannya. Centang otomatis berdasarkan event aplikasi sudah diumumkan untuk versi berikutnya; sementara itu, tulis item sebagai aksi (“Buat proyek pertama Anda”) agar klik terasa sebagai langkah alami.
Apakah progres tersinkron antarperangkat?
Tidak. Progres disimpan di browser. Untuk kebanyakan onboarding ini cukup: orang menyiapkan produk di perangkat yang dipakai saat mendaftar.
Bagaimana menyembunyikan checklist dari yang sudah selesai setup?
Kirim properti seperti onboarded dengan Clew.identify() lalu tambahkan aturan Properti onboarded tidak sama dengan true.