Integrasi Live Chat
Halaman: https://app.dibales.ai/agent/integrations/live-chat
Legacy: Live Chat versi ini akan dinonaktifkan dan digantikan oleh Live Chat di dibales.ai CRM. Untuk pengaturan terbaru, lihat Live Chat: Mengatur & Memasang Widget.
💬 Setup Live Chat Widget
Fitur Live Chat Widget memungkinkan kamu menyematkan chat agent langsung di website — untuk berinteraksi secara real-time dengan pengunjung melalui tampilan tombol mengambang (floating button).
Kamu bisa menyesuaikan tampilan tombol, warna, bahasa, dan pesan sapaan sesuai kebutuhan brand kamu.
🌐 Dukungan Bahasa
Saat ini, live chat dibales.ai mendukung 3 bahasa:
- Bahasa Indonesia
- English
- 日本語 (Jepang)
🛠️ Cara Setting Live Chat
- Masuk ke menu Integrations → Live Chat Widget dari sidebar dashboard agent kamu.
- Lengkapi pengaturan berikut:
| Field | Keterangan |
|---|---|
| Language | Pilih bahasa tampilan widget (Indonesia / English / Japanese) |
| Display Name | Nama agent yang akan muncul di widget (misal: "Siska – Pake AI") |
| Display Picture | Gunakan foto default agent, atau bisa diganti nanti |
| Button Content Type | Pilih jenis tombol: Text atau Icon |
| Button Text | Tulisan pada tombol chat (misal: "Ngobrol sama Siska") |
| Brand Color | Warna tombol utama dan sekunder (utama = background, sekunder = font/icon) |
| Welcome Message Title | Judul sapaan di form awal (misal: "Halo dengan Siska dari dibales.ai") |
| Welcome Message Subtitle | Teks di bawahnya (misal: "Sebelum kita ngobrol, isi dulu nama & email ya.") |
- Klik tombol Save & Preview
Untuk melihat bagaimana tampilan live chat akan muncul di website kamu.
🔗 Integrasi ke Website (Manual Embed)
Di sebelah kanan halaman, kamu akan melihat Integration Code.
- Klik tombol “Copy to Clipboard”
- Paste kode tersebut di website kamu, di salah satu bagian berikut:
- Footer
- Header
- Bagian HTML yang bisa menjalankan script
Pastikan kode ditaruh di tempat yang akan dimuat di setiap halaman, agar chat widget selalu muncul.
🧩 Integrasi WordPress (Plugin)
Jika kamu menggunakan WordPress, kami menyediakan plugin siap pakai.
- Klik tombol “Download Plugin”
- Salin API Key yang muncul di halaman
- Setelah plugin terinstal di WordPress:
- Masuk ke pengaturannya
- Paste API Key di kolom yang tersedia
- Simpan, dan widget akan otomatis muncul
✅ Selesai!
Sekarang live chat kamu sudah aktif, dan siap membantu pengunjung langsung dari website.