> For the complete documentation index, see [llms.txt](https://docs.balesotomatis.id/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.balesotomatis.id/tools/cara-pasang-live-chat-widget-di-wordpress-website.md).

# Cara Pasang Live Chat Widget di Wordpress / Website

Setelah kamu membuat [**Live Chat Widget**](/tools/penjelasan-and-cara-membuat-live-chat-widget.md), kamu dapat memasangnya langsung pada website yang telah kamu Allow / Izinkan pada saat pembuatan Widget sebelumnya

Caranya cukup mudah, pertama silakan ke Halaman [**Live Chat Widget**](https://app.balesotomatis.id/live-chat-widget), lalu pada Widget yang kamu ingin pasang, silakan klik **Icon Edit Widget / Pencil**

Lalu perhatikan bagian / section **Embed Script**

<figure><img src="https://427948687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNPL5c3moDM2FQ4xfnr0A%2Fuploads%2FtV7Mip1GpRwW5Bh7LUGu%2Fimage.png?alt=media&amp;token=30aab4ce-72f6-48f9-989c-68e3ea1815da" alt=""><figcaption></figcaption></figure>

Silakan kamu klik icon **Copy / Salin**

<figure><img src="https://427948687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNPL5c3moDM2FQ4xfnr0A%2Fuploads%2FxM2Zp0ByS7AbmOT0u0s8%2Fimage.png?alt=media&amp;token=4e65629b-ebe0-4a4d-b174-78a2b3e6db7f" alt="" width="563"><figcaption></figcaption></figure>

**Jika kamu tidak menggunakan Wordpress**, kamu dapat paste script yang telah kamu salin, tepat di atas tag **\</body>**

<figure><img src="https://427948687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNPL5c3moDM2FQ4xfnr0A%2Fuploads%2FpMNM3DFFPZKfefH48uHu%2Fimage.png?alt=media&amp;token=d612cf48-bc3f-4b28-ac05-b64e8b69a667" alt="" width="563"><figcaption></figcaption></figure>

Jika kamu menggunakan Wordpress, kamu dapat menggunakan plugin **WPCode – Insert Headers and Footers,** silakan install terlebih dahulu melalui Menu Plugins -> Add New Plugin -> Lalu kamu cari, kemudian **Install** dan **Activate** plugin tersebut

<figure><img src="https://427948687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNPL5c3moDM2FQ4xfnr0A%2Fuploads%2F6c4z3rbF66j7YMoYtxS5%2Fimage.png?alt=media&amp;token=fc7b5a2b-f26a-4e43-b84b-f50172e2e32f" alt=""><figcaption></figcaption></figure>

Setelah terinstall, silakan ke menu **Code Snippets -> Headers and Footers**

<figure><img src="https://427948687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNPL5c3moDM2FQ4xfnr0A%2Fuploads%2F2JPvR52yR6s46JzndB3b%2Fimage.png?alt=media&amp;token=27e1d190-4a6f-4076-af8f-c19b04e97a85" alt="" width="185"><figcaption></figcaption></figure>

Silakan paste script yang telah kamu copy sebelumnya, pada section **Footer** seperti contoh di bawah ini, lalu klik **Save Changes**, dan tunggu hingga proses simpan selesai

<figure><img src="https://427948687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNPL5c3moDM2FQ4xfnr0A%2Fuploads%2Fh1OqTrjWpHrX8uFCgNy7%2Fimage.png?alt=media&amp;token=6f8ce28c-6462-4002-b1c5-0d95f85a44ed" alt=""><figcaption></figcaption></figure>

Maka akan muncul fitur Live Chat (Widget)-nya seperti ini pada website kamu

<figure><img src="https://427948687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNPL5c3moDM2FQ4xfnr0A%2Fuploads%2FaBBGms3wAzRjM6g9vCmd%2FStep%201.png?alt=media&amp;token=6944e908-34ac-4b57-a38e-b2fdfe7da270" alt=""><figcaption></figcaption></figure>