> For the complete documentation index, see [llms.txt](https://docs.watzap.id/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.watzap.id/help/toolkit/memasang-live-chat-widget-ke-website.md).

# Memasang Live Chat (Widget) ke Website

Ada 2 cara untuk memasang  fitur [**Live Chat (Widget)**](/help/toolkit/membuat-live-chat-widget.md) ke website. Cara pertamanya adalah dengan *copy* *script* yang ada dibagian kolom **Embed Code** pada menu **Live Chat (Widget)** terlebih dahulu.

![Copy source code live chat widget](/files/c31nr9pnsqGLyhClXxLW)

Lalu kunjungi WordPress.

![Tampilan WordPress untuk Live Chat Widget](/files/2Yjd1Dj6LZHOjMbwvVdx)

Kemudian klik menu **Plugins** dan klik tulisan **Add New**.

![Klik menu Plugin dan Add New](/files/K1F6xv2Ncu0Icq6HEewL)

Lalu ketik **Insert Header and Footer** di pencarian.

![Cari insert header and footer](/files/DGEVOpoYH8pvDoJN7yC7)

Klik tombol “**Instal Now**“.

![Klik install now untuk Live Chat Widget](/files/k1eSsI09rky3nNI9uDin)

Tunggu sampai proses instalasinya selesai, lalu klik tombol “**Activate**“.

![Klik tombol Activate](/files/sdTihF2CNuB8hdgqTkNn)

Kemudian akan muncul tampilan seperti ini yang artinya plugin **Insert Header and Footer** sudah aktif.

![Plugin Insert header dan footer](/files/mCT6fNJi5BYqCHM5C19D)

Setelah itu, klik menu **Settings** dan klik tulisan **Insert Header and Footer**.

![Klik settings dan pilih insert header footer](/files/doyaMNbNqYsBzvA7jcjA)

Lalu akan muncul 3 kolom seperti ini.

![Kolom insert header and footer](/files/wZfisjJaI5mlgZm5j3DG)

Kamu bisa *paste script* yang sudah Kamu *copy* sebelumnya di kolom Footer.

![Paste script code](/files/czmBywTWsAYWma7QjdQE)

Setelah selesai memasukkan *script-nya*, klik tombol “**Save**“.

![Klik tombol save untuk live chat widget](/files/n6LqPPZZzVosOn42AMIZ)

Lalu akan muncul keterangan seperti ini yang artinya fitur Live Chat (Widget) sudah berhasil terpasang di Website Kamu.

![Berhasil save script untuk live chat widget](/files/A4COELgQ7GddGcF5ONgs)

Kemudian untuk memunculkan fitur Live Chat (Widget) di website, Kamu bisa kunjungi website Kamu, lalu refresh website-nya terlebih dahulu.

![refresh website](/files/62zVr3xwOsK19JZv2Tai)

Maka akan muncul fitur Live Chat (Widget)-nya seperti ini.

![tampilan live chat widget](/files/fViTwtZcAZinFMkrLBcu)

Nah, cara kedua memasang fitur Live Chat (Widget) adalah dengan men-*download* plugin WatZap terlebih dahulu dengan cara klik tulisan **WatZap WordPress Plugin** yang ada di dalam menu **Live Chat (Widget)**.

![Download plugin Live chat widget](/files/L3UkCPK8pRCMwADHATBw)

Lalu kunjungi WordPress.

![Tampilan WordPress untuk Live Chat Widget](/files/LbIZwQ2EOLRmMvacc3l0)

Klik menu **Plugins** dan klik tulisan **Add New**.

![Klik menu Plugin dan Add New](/files/K1F6xv2Ncu0Icq6HEewL)

Kemudian klik tombol “**Upload Plugin**“.

![Klik upload](/files/7AnNFBEN6S9ZnaiRuyh5)

Lalu klik tombol “**Choose File**“.

![Klik tombol choose file untuk live chat widget](/files/vTtoetZuG27vW5o7w0cR)

Masukkan file plugin WatZap yang sebelumnya sudah Kamu *download*.

![masukkan file plugin watzap nya](/files/8e2NnDP4jT5IxITdTWei)

Setelah selesai memasukkan plugin WatZap, klik tombol “**Install Now**“.

![Klik tombol install now untuk live chat widget](/files/dNxvc56ROnezISg0q5ud)

Kemudian klik tombol “**Activate**” untuk mengaktifkan plugin WatZap-nya.

![Klik tombol activate untuk live chat widget](/files/qF4bzwKOTEdAlomb9R5b)

Maka akan muncul tampilan seperti ini yang artinya plugin WatZap sudah aktif.

![Plugin watzap berhasil di install](/files/OotD5Mhs2sXDnylH22No)

Setelah itu, klik menu **Settings** dan klik tulisan **WatZap Live Chat**.

![Klik menu settings dan watzap live chat](/files/BrJUxcWb9mpGAnpdTWYX)

Lalu *copy script* ini yang ada di dalam kolom **Embed Code** pada menu **Live Chat (Widget)**.

![copy watzap key untuk live chat widget](/files/qsHZgnLsvwZi0KfF88UM)

*Paste script* tersebut ke dalam kolom Widget Key ini.

![Paste script watzap key untuk live chat widget](/files/3PE8GQKOLiymhQDGWIVX)

Kemudian klik tombol “**Activate Live Chat**“.

![Klik tombol activate](/files/XBqwvSuPqDTRbT1kqwJR)

Lalu akan muncul keterangan seperti ini yang artinya fitur Live Chat (Widget) sudah berhasil terpasang di Website Kamu.

![Plugin watzap live chat sudah aktif](/files/k7bbfL6zKP88ywAY1TTW)

Jika Kamu ingin memunculkan fitur Live Chat (Widget) pada website-nya, Kamu bisa kunjungi website Kamu, lalu refresh website-nya terlebih dahulu.

![refresh website](/files/Ny2nCE7T3vDsI3fRlVN0)

Maka akan muncul fitur Live Chat (Widget)-nya seperti ini.

![tampilan live chat widget](/files/1sKn9uARPPG6QICE33Ih)