# Live Chat: Mengatur & Memasang Widget

Widget chat di website kamu. Chat pengunjung masuk ke **Inbox** bersama WhatsApp, Instagram, dan TikTok.

👉 [https://crm.dibales.ai/live-chat](https://crm.dibales.ai/live-chat) (menu **Live Chat › Widget**)

💡 Semua perubahan langsung terlihat di **Preview** kanan. Klik **Simpan** di atas preview setelah selesai.

***

#### Tab Tampilan

![](/assets/crm/20-livechat-tampilan.png)

1. Isi **Nama tampilan** (nama yang dilihat pengunjung)
2. Atur **Foto**, **Warna**, **Posisi** (kiri / kanan bawah), **Bahasa widget**, dan **Tombol pembuka**
3. Klik **Simpan**

💡 Nyalakan **"Tampilkan nama tim yang membalas"** supaya pengunjung melihat nama depan anggota tim di bawah balasan.

***

#### Tab Percakapan

![](/assets/crm/20-livechat-percakapan.png)

1. Isi **Judul** dan **Subjudul** sambutan
2. Tambah **Pertanyaan cepat**: tombol yang bisa langsung diklik pengunjung
3. Pilih **Data yang wajib diisi** sebelum chat (mis. Nama + Email + WhatsApp)

💡 Form sebelum chat membantu tim menghubungi pengunjung lagi setelah dia meninggalkan website.

***

#### Tab Pasang

![](/assets/crm/20-livechat-pasang.png)

1. Isi **Domain website**, mis. `tokokamu.com`, lalu klik **Tambah** (subdomain seperti `www` ikut diizinkan)
2. Klik **"Salin kode"**, lalu tempel sebelum `</body>` di setiap halaman website
3. Buka website kamu. Statusnya berubah **Widget aktif**.

💡 Pakai WordPress / website builder? Tempel kodenya di pengaturan *Custom code / Footer script*.

***

#### Membalas chat Live Chat

Chat-nya masuk ke **Inbox**. Bisa dibalas kapan saja, tidak ada batas window.

* Status **Online / Offline** pengunjung tampil di kanan atas chat
* Kalau pengunjung sudah pergi, balasan terlihat saat dia membuka website lagi

👉 Lanjut ke [**Live Chat: Auto Reply**](/crm/live-chat/auto-reply).