# Integrasi WebChat

## **Bagaimana Cara Menghubungkan Website Anda dengan Socialchat?** 

{% embed url="<https://www.youtube.com/watch?v=xSVpYuhZmGw>" %}

1. Masuk ke menu **“Integrasi Akun”** pada sidebar kiri bawah, pilih tab **“Integrasi Channel”.**
2. Klik icon **“+”** atau **“Lihat Integrasi”** pada bagian **Webchat.**

<figure><img src="/files/5zUOq4GRml0rpUZCApDA" alt=""><figcaption><p><em><strong>Tampilan menu integrasi akun</strong></em></p></figcaption></figure>

3. Klik **“+ Tambahkan WebChat”.**

<figure><img src="/files/bqVpwstSZgKceRdnOHOa" alt=""><figcaption><p><em><strong>Tampilan menu integrasi channel Webchat</strong></em></p></figcaption></figure>

4. Masukan nama Webchat, dan URL web Anda.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeva6wEf__LZ19kD0fg2DSY5fLsPT6SkFNB0Q5eU7UxdIcr9z1cTiWUi52ZdbYNpng7ylLg6-NYvm8lO_NPC9kIAtFIHE80QjCgh7_6NPKivfaB4v_PGO0xfMWkbaL3RdZstM4sqQ?key=02MjCrMnKcTrNSYxjAU5rQ" alt=""><figcaption><p><em><strong>Tampilan form tambah webchat</strong></em></p></figcaption></figure>

5. Atur Konfigurasi Widget, dengan isi detail widget seperti:

* Nama Widget ( Gunakan nama yang mudah dikenali ).
* Alamat Website.
* Salin kode Widget.

Salin Kode Script Widget.

* Setelah menyimpan pengaturan widget, Anda akan diberikan script HTML. Salin kode tersebut.
* Buka source code website Anda.
* Tempelkan kode widget yang sudah disalin sebelum tag < /body>  di setiap halaman website Anda.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfAxqd-kxVcKFJ75lG_oGBJMbolAwMoliTZD3qUpgH5w1FXv8DpgjIieXcfX7124JnIyxBOkgAkJfm3g0Bd7qKOSyegFVUGQtHz9OHQ6NHGPTIjjEciTP5MKooEZV3yIa9j0cYFEA?key=02MjCrMnKcTrNSYxjAU5rQ" alt=""><figcaption></figcaption></figure>

6. Atur Formulir Pre-Chat (Opsional).\
   Aktifkan dan sesuaikan formulir pre-chat untuk mengumpulkan informasi awal dari pelanggan, seperti, Nama, Email, serta no WhatsApp .

*Fungsi Pre-Chat Form adalah untuk mengetahui identitas user serta menyaring potensi spam, pengguna tidak dikenal, atau chat yang tidak pantas.*

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcf0WTqjHMhYKKHUPPUd0b3-pnWggHFe05PrRYaUE3HAeVRr8aEjKliSs4AKRcKn5Y-HSMQZqm-fo55vbHpV5dZaNv6Vnlh4mlC8XwLgBqtrCxe60LW_Im-hvXSCgYXAYW-P9lCNg?key=02MjCrMnKcTrNSYxjAU5rQ" alt=""><figcaption></figcaption></figure>

7. Atur waktu penundaan pesan otomatis (1, 3, 5, atau 10 detik).

Waktu kirim dan isi pesan bisa custom disesuaikan dengan kebutuhan dan keinginan Anda.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdAKn4L6LBF57Q_QSNKzmRCo5bSz1oqhkZtadr8zTKaTT51usmfePGPN1mp078NnrhcFh2H9N6z6FrhV0oSboMi_wAqcyO7GysVLlqYQrXndtCVyXOaCPB97zpJWgRiAP0a7KT4fA?key=02MjCrMnKcTrNSYxjAU5rQ" alt=""><figcaption></figcaption></figure>

8. Setelah Anda membuat dan mengatur pengaturan Link chat, Anda juga bisa mengatur tampilan Webchatnya agar sesuai dengan identitas brand, seperti mengatur tampilan, warna tema dan font.&#x20;

* Di halaman Edit LinkChat, buka tab **“Pengaturan”.**
* Pilih Warna Tema sesuai keinginan.
* Pilih Font yang sesuai dengan gaya komunikasi bisnis Anda.<br>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXf5zsp8QGBz3wd-p2pZoV7jm6wZjcYcBcgRf5bAl8RlQtMPuUBCDUOrN4kstuC4gkvCmwT-I4-53t6wCMUeVlAGahg4M1lq7cWzSNVr9I__XDsPdpl0RVmk4AsAjdcugRpQib8Dog?key=02MjCrMnKcTrNSYxjAU5rQ" alt=""><figcaption></figcaption></figure>

9. Setelah selesai menyesuaikan tampilan, klik tombol **“Simpan”.**&#x20;

Webchat Anda kini siap digunakan dengan tampilan yang lebih profesional dan menarik.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXf6Lkxf6P_0v1wkxahiC3537M6xyRicRltgKYtOLUcJC2YnnWRkK79Yw_JcBFXY4Mydsx_x75-p7-WOg2jT52hBGQLc_HXz0t7sLvtDNALCNelFOZsPUpt7FNcSdhwJkEyLqYBh?key=02MjCrMnKcTrNSYxjAU5rQ" alt=""><figcaption><p><em><strong>Tampilan webchat Socialchat</strong></em></p></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://pt-booster-teknologi-indonesias.gitbook.io/docs.socialchat.id/integrasi-channel/integrasi-webchat.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.