# Chat Box

**Chat Box** adalah area utama untuk berinteraksi langsung dengan customer. Di bagian ini, Kamu bisa membalas pesan, berinteraksi dengan agent lain dengan private note, menyelesaikan percakapan, hingga mengelola status tiket dan pipeline.

<figure><img src="https://3693109682-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZNZlvyOVkZXyd3pz2Cql%2Fuploads%2FPLpKXBrgMAcNHiPBE2Wv%2FScreenshot%202025-05-22%20at%2011.29.40%E2%80%AFAM.png?alt=media&#x26;token=3ab222ed-00d3-4c82-b085-7355540263cd" alt=""><figcaption></figcaption></figure>

### Fitur umum:

<figure><img src="https://3693109682-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZNZlvyOVkZXyd3pz2Cql%2Fuploads%2FYUHouhzq9BchRHM7nl8Q%2FScreenshot%202025-05-22%20at%2011.24.07%E2%80%AFAM.png?alt=media&#x26;token=767dde60-5441-42b4-a714-fabc29ff75ef" alt=""><figcaption></figcaption></figure>

1\. **Reply**

* Digunakan untuk membalas pesan dari customer secara langsung.
* Kamu bisa mengetik pesan di kolom input bawah atau menggunakan fitur **quick reply**.

2\. **Private Note**

* Fitur ini memungkinkan agent mengirimkan **pesan dalam bentuk chat** yang hanya bisa dibaca oleh sesama agent (tidak terlihat oleh customer).
* Cocok digunakan untuk memberikan konteks tambahan, menyampaikan informasi internal, atau meninggalkan catatan untuk rekan satu tim.
* Tetap ditampilkan dalam alur chat, namun dibedakan secara visual dari pesan customer dan AI.

  <figure><img src="https://3693109682-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZNZlvyOVkZXyd3pz2Cql%2Fuploads%2FaN3BxFtPKOfcWRa6lq92%2FScreenshot%202025-05-23%20at%209.52.33%E2%80%AFAM.png?alt=media&#x26;token=7e69e022-b114-4872-8ae4-b9d96069c4f1" alt="" width="375"><figcaption></figcaption></figure>

3\. **Private note reminder mode (snooze)**

<figure><img src="https://3693109682-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZNZlvyOVkZXyd3pz2Cql%2Fuploads%2FVReSgwDoH75HabLOqCCs%2FScreenshot%202025-09-03%20at%204.29.55%E2%80%AFPM.png?alt=media&#x26;token=604e915b-0eab-4f16-88aa-9c31d411bb74" alt=""><figcaption></figcaption></figure>

* Saat membuat *private note*, kamu bisa menambahkan pengingat (reminder) sebelum mengirimkannya ke tim.&#x20;
  * Klik ikon ⏰ di sebelah *Private Note*, lalu atur tanggal dan waktu pada popup **Set Reminder Note**.&#x20;

    <figure><img src="https://3693109682-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZNZlvyOVkZXyd3pz2Cql%2Fuploads%2FGuucBQvLisdySXD3qVGt%2FScreenshot%202025-09-03%20at%204.30.32%E2%80%AFPM.png?alt=media&#x26;token=5e8b3b66-b0d1-490b-a121-6cf1cd4eba64" alt="" width="375"><figcaption></figcaption></figure>
  * Sistem akan mengirim ulang *private note* tersebut dan membuka kembali percakapan pada waktu yang telah kamu tentukan.

    <figure><img src="https://3693109682-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZNZlvyOVkZXyd3pz2Cql%2Fuploads%2FDsHRXFwI6jnhVW496Hag%2FScreenshot%202025-09-03%20at%204.27.16%E2%80%AFPM.png?alt=media&#x26;token=5063ad89-620b-42cf-ac13-0f43a57408ba" alt=""><figcaption></figcaption></figure>

4\. **Ticket & Pipeline Widget**

* Di kanan bawah area input terdapat widget untuk:
  * **Ticket**: Menampilkan jumlah tiket yang terhubung dan mengaksesnya langsung.
  * **Pipeline Status**: Melihat dan mengganti status pipeline dari percakapan saat ini.

5\. **Attachment & Emoji**

* Di kiri bawah kolom input:
  * **Ikon paperclip**: Untuk mengirim file seperti gambar, dokumen, dll.
  * **Ikon emoji**: Untuk menyisipkan emotikon.

6\. **Quick Reply Shortcut**

* Ketik **"/"** untuk memunculkan daftar **quick replies** yang tersedia.
* Kamu bisa langsung search nama quick reply, misalnya `/tes`, untuk mempercepat respons.

  <figure><img src="https://3693109682-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZNZlvyOVkZXyd3pz2Cql%2Fuploads%2FY9EFoZ1SRcsEwH65mcb0%2FScreenshot%202025-05-23%20at%209.49.02%E2%80%AFAM.png?alt=media&#x26;token=575d6c3f-838b-48d6-81dd-a03d85255175" alt="" width="375"><figcaption></figcaption></figure>

7. **Reply Chat**

<figure><img src="https://3693109682-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZNZlvyOVkZXyd3pz2Cql%2Fuploads%2FLHm5f0oyG13s576zazuU%2FScreenshot%202025-05-22%20at%205.05.02%E2%80%AFPM.png?alt=media&#x26;token=a0e54237-02cc-4804-b61e-97f4762e03e8" alt="" width="375"><figcaption></figcaption></figure>

* Kamu bisa membalas pesan spesifik dari customer dengan menggunakan fitur **Reply**.
* Caranya: klik tombol **Reply** di samping bubble chat yang ingin dibalas.
* Setelah diklik, akan muncul **preview pesan yang dibalas** di atas kolom input.
* Setelah pesan dikirim, balasan akan tetap menampilkan **referensi ke pesan sebelumnya** dalam bentuk box “Replied to” seperti contoh di gambar.
* Fitur ini berguna untuk menjaga konteks, terutama saat menangani percakapan panjang atau pertanyaan yang saling tumpang tindih.

### Tampilan Chat

<figure><img src="https://3693109682-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZNZlvyOVkZXyd3pz2Cql%2Fuploads%2FMMxspJ463FjeMXHH3IUU%2FScreenshot%202025-05-22%20at%204.56.48%E2%80%AFPM.png?alt=media&#x26;token=94881088-8ece-4ef5-a9a9-3e1becca5861" alt="" width="375"><figcaption></figcaption></figure>

* **Warna Chat** menunjukkan siapa yang membalas:
  * **AI Agent** → Warna biru muda.
  * **Human Agent** → Warna biru tua.
* Nama pengirim (agent atau AI) akan ditampilkan di bawah bubble pesan.