Panduan

Widget Live Chat

Tombol chat WhatsApp di pojok website. Pengunjung klik, pilih CS, langsung chat. Pasang dengan satu baris kode.

Semua panduan
3 langkah · sekitar 4 menitBuka Widget Live Chat
  1. 1

    Siapkan CS, lalu klik Buat widget

    Widget memakai daftar Customer Service yang sama dengan Link Generator (nama, nomor WhatsApp, jadwal jaga). Kalau belum ada, buat dulu di Link Generator → Customer Service. Halaman Widget menampilkan semua widget beserta jumlah klik dan saklar aktif; jatah widget mengikuti paket.

    Halaman Widget Live Chat dengan daftar widget dan tombol Buat widget disorot
  2. 2

    Atur tampilan, CS, pesan, dan domain

    Tampilan: nama merek di header kotak, teks gelembung di samping tombol (“Chat kami”), sapaan di dalam kotak, warna, posisi kiri/kanan, ikon WhatsApp atau balon chat. Pratinjau di kanan berubah langsung; klik tombolnya untuk membuka/menutup kotak.

    Customer Service: tambahkan CS dan urutkan; pengunjung melihat daftar sesuai urutan ini, dan CS yang sedang di luar jadwal jaga tidak ditampilkan. Pesan awal terisi otomatis di WhatsApp saat pengunjung memilih CS. Buka kotak chat otomatis membuat kotak langsung terbuka saat halaman dimuat; pakai hemat karena bisa mengganggu.

    Hanya tampil di domain: isi domain website-mu (toko.com atau *.toko.com) supaya orang lain tidak bisa memasang kode widgetmu di situs mereka. Opsional: event Meta Pixel dan Google Tag Manager saat widget dimuat. Klik Simpan.

    Editor widget: kode embed dengan tombol Salin kode disorot, tampilan, Customer Service, pesan & perilaku, keamanan & pelacakan, pratinjau di kanan
  3. 3

    Tempel kode embed di website

    Setelah disimpan, bagian Kode embed muncul di atas editor. Klik Salin kode, lalu tempel sebelum tag </body> di setiap halaman website. WordPress: lewat plugin header/footer atau tema (Appearance → Theme File Editor / Customizer). Shopify, Wix, Webflow: kolom custom code di pengaturan situs. Widget tampil begitu halaman dimuat ulang.

    Mengubah tampilan atau CS di sini langsung berlaku di website tanpa mengganti kodenya. Saklar Widget aktif mati menyembunyikan widget di semua halaman tanpa mencabut kode.

Biar makin lancar

  • Nyalakan jadwal jaga di CS supaya pengunjung malam hari tidak memilih CS yang sedang offline.
  • Jumlah klik per widget tampil di daftar; bandingkan dengan Link Generator untuk tahu dari mana pelanggan paling banyak datang.
  • Warna tombol sebaiknya kontras dengan warna website; hijau WhatsApp bawaan paling dikenali pengunjung.

Yang sering ditanyakan

Widget tidak muncul di website

Cek tiga hal: kode sudah ditempel dan halaman dimuat ulang (bersihkan cache plugin bila ada); saklar Widget aktif menyala; dan domain di pengaturan cocok dengan alamat website (untuk subdomain pakai *.domain.com atau kosongkan).

Widget muncul tapi daftar CS kosong

Semua CS sedang di luar jadwal jaga. Tambahkan satu CS tanpa jadwal sebagai cadangan, atau perbaiki jam jadwalnya di Link Generator → Customer Service.

Bisa dipasang di beberapa website?

Bisa dengan kode yang sama, selama pengaturan domain dikosongkan atau mencakup semuanya. Kalau tiap situs butuh CS atau warna berbeda, buat widget terpisah.

Apakah chat dari widget masuk ke inbox BalesOtomatis?

Chat masuk ke WhatsApp nomor CS yang dipilih pengunjung. Kalau nomor CS itu terhubung ke BalesOtomatis, chatnya ikut masuk inbox dan bisa dibalas otomatis; kalau tidak, hanya ada di HP CS.

Lanjut ke