# Integrasi dengan Themefood.id

Dengan mengintegrasikan plugin Themefood.id Kamu ke WatZap.id, Kamu bisa dengan mudah mengirimkan pesan WhatsApp otomatis ketika ada orderan baru.

Kamu juga bisa membuat pesan follow up otomatis untuk Day 1 – 7 kepada customer/pelanggan Kamu. Atau Kamu juga bisa membuat pesan otomatis untuk mengingatkan kepada customer/pelanggan agar segera melakukan pembayaran.

Nah, untuk mengintegrasikan plugin Themefood.id ke WatZap, Kamu bisa melihat tutorialnya pada video berikut ini.

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

Pada dasarnya cara mengintegrasikan Themefood.id tidak jauh beda seperti [mengintegrasikan Sejoli ke WatZap](https://docs.watzap.id/help/integrations/integrasi-dengan-sejoli).

Pertama, Kamu perlu membeli tema dari Themefood.id terlebih dahulu. Setelah itu Kamu bisa langsung download dan install di WordPress Kamu.

![Beli Themefood.id](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FyZPuPNhYyiqLpGX2qkVs%2FBeli%20Tema%20Themefood.jpg?alt=media\&token=99de8357-e8e7-4ee1-9bc1-030cb4e2e670)

Setelah itu, Kamu juga perlu memasang plugin **WatZap** di WordPress. Untuk download plugin WatZap for WordPress, Kamu bisa klik pada bagian “**Download WordPress API Plugin**” yang ada di menu API Keys & Apps WatZap.

![Download WordPress Plugin](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FusJwCsUuOOER7KxDvEvF%2FDownload%20Wordpress%20API%20Plugin.jpg?alt=media\&token=9bdd2783-ad91-4c6b-a504-8c82c19053b2)

Untuk cara pemasangannya sama seperti plugin pada umumnya, dimana Kamu tinggal import saja file plugin WatZap yang sudah di-download sebelumnya.

![Install WatZap](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FyiIVbYkTEVq3qxMspSON%2FKlik%20Install%20Now.jpg?alt=media\&token=e7d82642-f756-4955-904c-530f4892e94c)

Maka akan muncul menu **WatZap** pada WordPress Kamu. Untuk mengintegrasikan WatZap ke Themefood.id. Kamu bisa klik menu **WatZap** tersebut.

![Pilih Menu WatZap](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2F4MC6M7T7iJc6JZYBAu0H%2FKlik%20Menu%20WatZap.jpg?alt=media\&token=f2bd21ab-60a1-4889-ad88-6abfc8a35129)

Akan muncul tampilan seperti ini. Pada bagian **API Key**, silahkan isi dengan [**API Key WatZap**](https://docs.watzap.id/help/integrations/mendapatkan-api-key-di-member-area) yang bisa Kamu temukan pada menu **API Keys & Apps** di WatZap.

![API Key](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2F827VOqK4SFvDGtuGxHFa%2FMasukkan%20API%20Key.jpg?alt=media\&token=6ceb5d48-1219-4ecd-988d-ea9bed16edad)

Jika sudah diisi, klik **Connect Now**.

![Klik Connect Now](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FR4Vn0oJws5G6abMgoevy%2FKlik%20Connect%20Now.jpg?alt=media\&token=af72dcfa-9012-430a-960d-db64238ef8f5)

Maka akan muncul notifikasi bahwa **WatZap** telah berhasil terhubung.

![WatZap Berhasil Terhubung](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2Fz5v9bVwx7Bx5lW8KbIHE%2FWatZap%20Berhasil%20Terhubung.jpg?alt=media\&token=a77d6f4b-c527-4206-b252-7091bb16954b)

Nah, untuk mengecek Themefood.id sudah terhubung dengan WatZap atau belum. Kamu kunjungi menu Themefood.id di dalam WordPress.

![PIlih menu Themefood](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FpUvl5SJ5O4FJQ9m6SBo7%2FMasuk%20ke%20Menu%20ThemeFood.jpg?alt=media\&token=8004a0b1-d32f-42c5-a449-7c8a32b97868)

Lalu klik menu **Follow up.**

![Pilih menu Follow Up](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2F8RjalHpQKRFvRx0Rhlwo%2FKlik%20Follow%20Up.jpg?alt=media\&token=83878629-e214-42cf-99f0-95866b6d9478)

Jika sudah, Kamu bisa pilih menu **Integrasi API.**

![Pilih Integrasi API](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FmwHzwdHBwlIFXUD8UJyn%2FPilih%20Integrasi%20API.jpg?alt=media\&token=b8dd679f-82b2-496a-9551-679a074e6fe6)

Di dalam menu integrasi API tersebut, pastikan layanan BOT WhatsApp sudah terisi nama **WatZap** dan token key nya juga sudah terpasang.

![Atur Integrasi BOT](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FHVQcNc7SdSCBwf9grkM5%2FAtur%20Integrasi%20Bot.jpg?alt=media\&token=5d955976-9298-4abf-982f-7c939c4820ca)

Lalu untuk link follow up, Kamu bisa atur ingin menggunakan **WhatsApp Web** atau **WhatsApp Desktop**.

![Set Link Follow up](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FaKSP5Cn51D5VNYLGWGD1%2FPilih%20Link%20Follow%20Up.jpg?alt=media\&token=8e88b17c-1774-4a9f-aab9-c0089c35eda9)

Nah, untuk mengubah isi pesan notifikasinya, Kamu bisa kembali ke menu **Notifikasi.**

![Kemenu Notifikasi](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FlzyeogSYElHEFJhrl5UG%2FMasuk%20ke%20Menu%20Notifikasi.jpg?alt=media\&token=881bcb7b-11f2-4c20-836b-7d3e4ec50191)

Di dalam menu notifikasi tersebut, ada beberapa kolom pesan notifikasi yang bisa Kamu ubah. Mulai dari kolom **orderan diproses, orderan diantar, orderan selesai,** dan **orderan dibatalkan.**

![Ubah pesan sesuai kebutuhan](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FwclzXEvTWZlNFDvsePHQ%2FAtur%20Isi%20Notifikasi.jpg?alt=media\&token=20a7f910-40e8-45b2-a2c0-d42e5c79e4c8)

Jika sudah, Kamu bisa langsung test order dibagian **Preview**.

![Test Preview](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FzvVwTef6jN70V2LWHW3a%2FTes%20Pembelian.jpg?alt=media\&token=e3ba8171-4b3a-4ea6-86fb-e9a42b7a3bec)
