Cara menyiapkan onboarding pengguna tanpa developer
Onboarding yang baik bukan satu tur panjang. Isinya sambutan singkat, aksi pertama yang dipandu, dan daftar untuk kunjungan berikutnya. Clew menyediakan ketiga format itu dalam satu editor, dengan aturan siapa melihat apa dan funnel yang menunjukkan di mana pengguna baru tersendat.
- Waktu
- ● 40 menit
- Harga
- Tur gratis · sisanya uji coba 14 hari
- Format
- Tooltip langkah demi langkah + Jendela modal + Checklist onboarding
Isi onboarding di Clew
Alur onboarding di Clew terdiri dari beberapa item terpisah yang mengikuti perjalanan pengguna:
- popup sambutan (Jendela modal) di layar pertama, sekali per pengunjung;
- product tour (Tooltip langkah demi langkah) di layar tempat hasil pertama dibuat — dimulai saat pengguna membukanya;
- checklist (Checklist onboarding) mulai kunjungan kedua, berisi tugas setup yang tersisa.
Setiap item punya aturan URL, pemicu, dan audiensnya sendiri, jadi alurnya menyesuaikan posisi pengguna, bukan memaksakan tur 12 langkah saat halaman dimuat.
Cara merancangnya
Mulai dari hasil pertama
Catat satu aksi yang membuat produk terasa berguna. Tur hanya ada untuk mengantar orang ke sana.
Sambutan dalam satu kalimat
Popup menyebutkan apa yang akan didapat pengguna dan mengarahkannya ke layar itu. Tanpa daftar fitur.
Sisanya nanti
Undangan, integrasi, dan pengaturan masuk ke checklist yang muncul di kunjungan kedua.
Baca funnel setiap minggu
Jika kebanyakan pengguna menutup sambutan, persingkat; jika mereka berhenti di langkah 2 tur, layarnya sendiri yang membingungkan.
Cara menyusun alur 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
Buat tiga item onboarding
Di Alur buat tiga item: Jendela modal dengan satu kalimat sambutan dan tautan ke layar utama; tur Tooltip langkah demi langkah 3–4 langkah di layar itu, dibuat dengan Edit di situs Anda dan Pilih elemen; serta Checklist onboarding berisi tugas setup yang tersisa.
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 Popup sambutan Format Jendela modal Di mana ditampilkan (URL halaman) Path persis /appKapan ditampilkan Langsung saat halaman dimuat Target audiens Tanpa aturan: semua yang membuka halaman Frekuensi Sekali per pengunjung Tur produk Format Tooltip langkah demi langkah Di mana ditampilkan (URL halaman) Bagian berdasarkan prefiks /app/projectsKapan ditampilkan Langsung saat halaman dimuat Target audiens Tanpa aturan: semua yang membuka halaman Frekuensi Sekali per pengunjung Checklist Format Checklist onboarding Di mana ditampilkan (URL halaman) Bagian berdasarkan prefiks /appKapan ditampilkan Pada kunjungan ke-N: 2 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: onboarding pengguna 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?
Bagian tur produk gratis di paket Free (hingga 3 yang dipublikasikan). Modal, Checklist serta aturan audiens termasuk dalam Pro: setiap akun baru mendapat uji coba 14 hari dengan semua fitur, tanpa kartu. Setelah uji coba berakhir, tidak ada yang dihapus dan yang sudah dipublikasikan tetap tampil.
Tanya jawab
Apakah gratis?
Bagian tur gratis di paket Free (hingga 3 yang dipublikasikan). Modal, Checklist serta aturan audiens ada di Pro; setiap akun baru mendapat uji coba 14 hari dengan semua fitur, tanpa kartu.
Bagaimana menampilkan onboarding hanya untuk pengguna baru?
Tanpa kode: Sekali per pengunjung dan halaman yang hanya dibuka pengguna baru. Dengan aplikasi Anda: kirim properti seperti signed_up_at atau onboarded lewat Clew.identify() lalu tambahkan aturan audiens.
Apakah item berjalan berurutan?
Item mengikuti navigasi pengguna: sambutan di layar pertama, tur saat membuka layar berikutnya, checklist di kunjungan selanjutnya. Hanya satu item di layar dalam satu waktu.
Apa bedanya dengan product tour?
Tur adalah satu format. Onboarding adalah seluruh perjalanan sesi pertama, dan tur biasanya bagian tengahnya.