# Memasang Live Chat (Widget) ke Website Ada 2 cara untuk memasang fitur [**Live Chat (Widget)**](https://docs.watzap.id/help/toolkit/membuat-live-chat-widget) 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](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2F4EfGHHhLFtQBTpbgxtFO%2FSalin%20Embed%20Code.jpg?alt=media\&token=853de2c5-ffdc-4180-9d59-ceacd6e54d49) Lalu kunjungi WordPress. ![Tampilan WordPress untuk Live Chat Widget](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FLqMg4ZvFenVJRTY1y2Dm%2FKembali-ke-Dashboard-WordPress.png?alt=media\&token=ddb2a57b-e52e-4f58-86e6-fa85b0328fde) Kemudian klik menu **Plugins** dan klik tulisan **Add New**. ![Klik menu Plugin dan Add New](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2F9xmTJYfqH6dvDF8jcFCZ%2FKlik%20menu%20Plugin%20dan%20Add%20New.jpg?alt=media\&token=dd257936-e249-49b2-b29a-47ef66aab6d9) Lalu ketik **Insert Header and Footer** di pencarian. ![Cari insert header and footer](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FPUDS7ZeBuAbl1J9DGXEX%2FCari%20insert%20header%20and%20footer.jpg?alt=media\&token=fb13b6d7-bd08-4110-a1dd-928416110193) Klik tombol “**Instal Now**“. ![Klik install now untuk Live Chat Widget](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2Fi1sVnrKhlOuTaQxAp6UK%2FKlik%20install%20now%20untuk%20Live%20Chat%20Widget.jpg?alt=media\&token=79ca2984-b97e-4caa-9cd2-8498649b71d3) Tunggu sampai proses instalasinya selesai, lalu klik tombol “**Activate**“. ![Klik tombol Activate](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FZOlVNAbzfKLPUqJegMBi%2FKlik%20tombol%20Activate.jpg?alt=media\&token=9b0f40c9-1e6f-497b-9475-be2c655bb52a) Kemudian akan muncul tampilan seperti ini yang artinya plugin **Insert Header and Footer** sudah aktif. ![Plugin Insert header dan footer](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2F4N0IgLdX4ZZoliCwBoLG%2FPlugin%20Insert%20header%20dan%20footer.jpg?alt=media\&token=c90c23cf-718f-4858-8d6a-6470a05a3b2d) Setelah itu, klik menu **Settings** dan klik tulisan **Insert Header and Footer**. ![Klik settings dan pilih insert header footer](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FxGn0h9id6aCOZP2YCJZO%2FKlik%20settings%20dan%20pilih%20insert%20header%20footer.jpg?alt=media\&token=9a80cb11-8d5d-4d92-bb12-d266c07ca275) Lalu akan muncul 3 kolom seperti ini. ![Kolom insert header and footer](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2Fdg6ZkGQku2wWxe4gpHiF%2FKolom%20insert%20header%20and%20footer.jpg?alt=media\&token=b13ef26d-0af4-40c2-8dbd-e7e169cd319f) Kamu bisa *paste script* yang sudah Kamu *copy* sebelumnya di kolom Footer. ![Paste script code](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FNGwEws30YZejpYaES3RW%2FPaste%20script%20code.jpg?alt=media\&token=a68af0b9-e13a-40af-95b4-624c5c2604dd) Setelah selesai memasukkan *script-nya*, klik tombol “**Save**“. ![Klik tombol save untuk live chat widget](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FnH1SOStYkxqFaPK7ByIp%2FKlik%20tombol%20save%20untuk%20live%20chat%20widget.jpg?alt=media\&token=41dea821-7712-44a5-af88-65f2ecf22968) 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](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2Fgm9SE5qAowd9z1juOOmZ%2FBerhasil%20save%20script%20untuk%20live%20chat%20widget.jpg?alt=media\&token=a03d621d-76af-43cd-873c-22ddf623a53a) Kemudian untuk memunculkan fitur Live Chat (Widget) di website, Kamu bisa kunjungi website Kamu, lalu refresh website-nya terlebih dahulu. ![refresh website](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2Fx2snnTExLzEZqmw7Wz9U%2Frefresh%20website.jpg?alt=media\&token=1fbae727-d3f1-4389-bcb3-4c99ea8b6266) Maka akan muncul fitur Live Chat (Widget)-nya seperti ini. ![tampilan live chat widget](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2F1SoBOJRlldlh8ZNBPFfK%2FContoh%20Live%20Chat.jpg?alt=media\&token=0556a1c2-35a1-4972-bcaf-a0fa61d267ba) 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](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FV9d8doGw25iQZva1Mzib%2FDonwload%20plugin%20Live%20chat%20widget.jpg?alt=media\&token=42f68d83-20d3-4205-b1cc-a6a89de81971) Lalu kunjungi WordPress. ![Tampilan WordPress untuk Live Chat Widget](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FCorQr08Fi5R94eWk0Zro%2FTampilan%20WordPress%20untuk%20Live%20Chat%20Widget.jpg?alt=media\&token=eed7e09d-5e86-41f4-ad56-508f20501aa0) Klik menu **Plugins** dan klik tulisan **Add New**. ![Klik menu Plugin dan Add New](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2F9xmTJYfqH6dvDF8jcFCZ%2FKlik%20menu%20Plugin%20dan%20Add%20New.jpg?alt=media\&token=dd257936-e249-49b2-b29a-47ef66aab6d9) Kemudian klik tombol “**Upload Plugin**“. ![Klik upload](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FNnycEBZqInphGkdux2FZ%2FKlik%20upload.jpg?alt=media\&token=c76bde3c-0e88-4435-8592-986602f7e2e4) Lalu klik tombol “**Choose File**“. ![Klik tombol choose file untuk live chat widget](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FeasuAS6gZh9w7e6HEeBu%2FKlik%20tombol%20choose%20file%20untuk%20live%20chat%20widget.jpg?alt=media\&token=a71952c5-7b38-43c0-ae71-fc42804a473b) Masukkan file plugin WatZap yang sebelumnya sudah Kamu *download*. ![masukkan file plugin watzap nya](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2Fi97an9G8wrtZCDYSBiyc%2Fmasukkan%20file%20plugin%20watzap%20nya.jpg?alt=media\&token=d1feb57f-1027-4300-bf5a-284b7349a399) Setelah selesai memasukkan plugin WatZap, klik tombol “**Install Now**“. ![Klik tombol install now untuk live chat widget](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FqyJJtw4jCpIer9jb0riu%2FKlik%20tombol%20install%20now%20untuk%20live%20chat%20widget.jpg?alt=media\&token=17eaad8c-b8d2-4e0e-b2e0-2439cc7eeaff) Kemudian klik tombol “**Activate**” untuk mengaktifkan plugin WatZap-nya. ![Klik tombol activate untuk live chat widget](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FrTai1fba44jAgjUVEjYl%2FKlik%20tombol%20activate%20untuk%20live%20chat%20widget.jpg?alt=media\&token=7b58066a-ea14-4a59-b682-d195d3f1f174) Maka akan muncul tampilan seperti ini yang artinya plugin WatZap sudah aktif. ![Plugin watzap berhasil di install](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FQpG7u1rhNgpwISnXPFEe%2FPlugin%20watzap%20berhasil%20di%20install.jpg?alt=media\&token=c59632cc-c010-4b17-aaa9-9540c23d066c) Setelah itu, klik menu **Settings** dan klik tulisan **WatZap Live Chat**. ![Klik menu settings dan watzap live chat](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FyNTc8f9Ulbm8RTaDYt1x%2FKlik%20menu%20settings%20dan%20watzap%20live%20chat.jpg?alt=media\&token=2fbc368d-1d3d-496b-8fab-e823c7ed5ad2) Lalu *copy script* ini yang ada di dalam kolom **Embed Code** pada menu **Live Chat (Widget)**. ![copy watzap key untuk live chat widget](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FEK2vA8k4SEKXTMf7L2dU%2Fcopy%20watzap%20key%20untuk%20live%20chat%20widget.jpg?alt=media\&token=0e53679a-c315-4444-bc1c-682183a24f95) *Paste script* tersebut ke dalam kolom Widget Key ini. ![Paste script watzap key untuk live chat widget](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2Fy2j9oGxGunpZGNFLAcX9%2FPaste%20script%20watzap%20key%20untuk%20live%20chat%20widget.jpg?alt=media\&token=3a4557c4-4b99-4f14-9ca1-d0b4243f7cda) Kemudian klik tombol “**Activate Live Chat**“. ![Klik tombol activate](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FRWzRiOSoCGdC4CzF2g08%2FKlik%20tombol%20activate%20Live%20Chat.jpg?alt=media\&token=3188f05d-4fe5-4eb4-a69b-f22a6f1020e0) Lalu akan muncul keterangan seperti ini yang artinya fitur Live Chat (Widget) sudah berhasil terpasang di Website Kamu. ![Plugin watzap live chat sudah aktif](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FJz4zLAlc5b4RS2aQn3y6%2FPlugin%20watzap%20live%20chat%20sudah%20aktif.jpg?alt=media\&token=e7dd7852-77da-48c0-b122-5165520810dc) Jika Kamu ingin memunculkan fitur Live Chat (Widget) pada website-nya, Kamu bisa kunjungi website Kamu, lalu refresh website-nya terlebih dahulu. ![refresh website](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FNgQ9S8fS0HrmyTG2Rkf2%2Frefresh%20website%20lagi.jpg?alt=media\&token=40edb5e7-d3a2-42b1-b5ee-b7a0a8d44f6a) Maka akan muncul fitur Live Chat (Widget)-nya seperti ini. ![tampilan live chat widget](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FPZoBsBOLkDGzRUPzWNvz%2Ftampilan%20live%20chat%20widget.jpg?alt=media\&token=177eb045-9a8f-4742-a6df-ae32529848a1)