# How to Connect Client to Live Chat Channel

Sebelum kita mulai, pastikan Anda memiliki kode widget live chat   terbaru 3Dolphins. 

Jika tidak, harap hubungi 3Dolphins support untuk informasi lebih lanjut. Pertama, hidupkan channel, dan tunggu sekitar 10-15 detik agar channel benar-benar bisa digunakan.

![Live Chat](https://373685398-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MNQidQwa-0K9_KnQpoc%2F-MT3lfUpV6OovdT6ETlg%2F-MT427CdHhdG3UDRPS0H%2FLive%20Chat%20Edit%20Again.png?alt=media\&token=d8e9dd64-b783-4169-a70e-faa0fd1f4d42)

Penjelasan properties: 

**URL**

Host dari channel live chat yang ingin disambungkan. URL dapat di-copy-paste dari sini.

![URL](https://373685398-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MNQidQwa-0K9_KnQpoc%2F-MT3lfUpV6OovdT6ETlg%2F-MT4371iDdkQZWh4mVWx%2FURL.png?alt=media\&token=2633174a-6d81-4595-80a8-bb8d4c1f60ac)

**Client ID**

Menunjukkan channel key yang dapat di-copy-paste dari sini.

![Client ID](https://373685398-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MNQidQwa-0K9_KnQpoc%2F-MT3lfUpV6OovdT6ETlg%2F-MT44v_tagNmIJo4U0Y4%2FClient%20ID%20Edit.png?alt=media\&token=4e978e99-9d58-466a-9e5b-37cd02c8db43)

**Client Secret**

Menunjukkan channel secret yang dapat di-copy-paste dari sini.

![Client Secret](https://373685398-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MNQidQwa-0K9_KnQpoc%2F-MT3lfUpV6OovdT6ETlg%2F-MT45xw6Ex8D5E326czv%2FClient%20Secret.png?alt=media\&token=37ea403a-ff2f-403b-bb7f-1787e4920088)

Sekarang mari kita uji coba konfigurasi apakah sudah berhasil tersambung ke channel. Sekarang buka file **index-debug-standard.html** di browser (dalam contoh ini kami menggunakan Chrome). Tampilan harus keluar seperti ini.

![Index HTML](https://373685398-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MNQidQwa-0K9_KnQpoc%2F-MT3lfUpV6OovdT6ETlg%2F-MT4Vm73lLEm37Dv8p1X%2FWebchat.png?alt=media\&token=aea41cba-2f19-40cb-9abc-9c2fa056d974)

Terdapat ikon di sudut kiri bawah, sebelum mengklik itu, buka Developer Tools dari browser Anda masing-masing, dan arahkan ke bagian Network. Di Chrome akan muncul sesuatu seperti ini.

![Inspect Network](https://373685398-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MNQidQwa-0K9_KnQpoc%2F-MT3lfUpV6OovdT6ETlg%2F-MT4XGD4LGiQaqwxOTsy%2FNetwork.png?alt=media\&token=3d121860-4ac4-40da-9bab-f56c7fd45047)

Sekarang klik ikon tersebut. Akan muncul aktivitas network untuk meminta token akses dari channel. Klik pada aktivitas dan lihat bagaimana kode responnya.

![Network Activities](https://373685398-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MNQidQwa-0K9_KnQpoc%2F-MT3lfUpV6OovdT6ETlg%2F-MT4_JKFK6YptSH8ygFx%2FHeaders%20Index%20HTML.png?alt=media\&token=3e0153bb-8327-4da9-a753-1d9935ed90af)

{% hint style="info" %}
Jika Kode Status adalah 200 maka berarti Anda berhasil terhubung. Jika tidak, periksa kembali konfigurasi dan pastikan channel sudah dihidupkan.
{% endhint %}