Memasang Chat Widget di Website

Untuk siapa panduan ini

Panduan ini untuk semua jenis akun — UMKM (B2C), Bisnis (B2B), dan Pemerintah (B2G) — yang punya website, baik website profil, toko online, maupun portal layanan.

Pakai panduan ini saat: kamu ingin pengunjung website bisa bertanya tanpa harus menelepon atau pindah aplikasi, atau ingin menangkap calon pelanggan yang sedang membaca halamanmu.

Yang perlu disiapkan

• Sebuah website yang kamu kelola.
• Akses untuk mengubah isi website — entah lewat pembuat halaman (page builder), CMS, atau pengelola websitenya.

Tidak perlu kemampuan coding. Kamu hanya akan menyalin satu potongan kode siap-pakai dan menempelkannya.

Apa itu Chat Widget

Chat Widget adalah kotak chat kecil yang muncul di pojok website-mu. Pengunjung bisa mengkliknya dan langsung bertanya — dan bot menjawab memakai Knowledge Base yang sama dengan WhatsApp, Telegram, dan channel lain. Jadi cukup sekali menyiapkan materi, semua saluran ikut pintar.

Mengenal halaman Chat Widget

Widget diatur di menu Chat Widget. Di halaman ini kamu menyesuaikan tampilan dan mengambil kode pemasangan.

Langkah 1 — Buka menu Chat Widget

Pada sidebar kiri, buka grup SALURAN & TIM → Chat Widget. Halaman pengaturan widget terbuka.

Langkah 2 — Sesuaikan tampilan widget

Atur agar widget serasi dengan website-mu:

• Warna — selaraskan dengan warna brand atau logo.
• Posisi — pojok kanan bawah atau kiri bawah halaman.
• Judul — nama yang muncul di kepala kotak chat.
• Sapaan pembuka — kalimat pertama yang menyambut pengunjung. Buat yang mengundang, misalnya "Halo! Ada yang ingin ditanyakan? Tanya di sini ya 😊" — bukan sekadar "Ada yang bisa dibantu?".

Langkah 3 — Salin kode pemasangan

Setelah tampilan diatur, dashboard menyediakan potongan kode pemasangan. Klik untuk menyalinnya. Kode ini sudah jadi — kamu tidak perlu mengubah apa pun.

Langkah 4 — Tempel kode di website

1. Buka pengelola website-mu (page builder, CMS, atau editor websitenya).
2. Tempel kode itu pada bagian yang dimuat di semua halaman — biasanya tepat sebelum penutup halaman.
3. Sebagian besar pembuat website populer punya kolom khusus untuk menempel kode semacam ini (sering disebut "custom code" atau "kode header/footer").
4. Simpan perubahan website.

Cara tahu berhasil

Chat Widget berhasil terpasang bila:

• Saat kamu membuka website-mu, kotak chat muncul di pojok sesuai posisi yang diatur.
• Klik widget, ketik pertanyaan — bot membalas berdasarkan Knowledge Base.
• Percakapan itu muncul di menu Inbox, bersama percakapan dari channel lain.

Tips

• Buat sapaan yang mengundang. Sapaan pasif membuat widget jarang diklik. Sapaan yang hangat dan menyebutkan contoh pertanyaan mendorong pengunjung memulai obrolan.
• Pasang di semua halaman. Agar pengunjung bisa bertanya dari halaman mana pun, tempel kode pada bagian yang dimuat di seluruh website.
• Arahkan ke closing. Untuk pengunjung yang sudah serius, bot bisa mengarahkan ke WhatsApp atau tim CS bisa mengambil alih percakapan langsung dari Inbox.

Masalah umum

• Widget tidak muncul di website — pastikan kode ditempel di bagian yang benar dan perubahan website sudah disimpan. Coba muat ulang halaman tanpa cache.
• Widget hanya muncul di sebagian halaman — kode ditempel hanya di satu halaman. Tempel di bagian yang dimuat di semua halaman.