# Integrasi dengan WPForms

Dengan mengintegrasikan WPForms ke WatZap, Kamu bisa mengirimkan pesan notifikasi otomatis ke user yang melakukan submit pada form yang Kamu buat.

Selain itu, Kamu juga bisa mendapatkan notifikasi setiap ada user yang melakukan submit form.

Sebelum integrasi dengan WatZap, pastikan Wordpress Kamu menggunakan PHP versi 7.4.&#x20;

Untuk mengintegrasikan **WPForms** dengan **WatZap**, Kamu bisa cek video tutorial berikut ini.

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

Jadi, untuk mengintegrasikan WPForms dengan WatZap, mula-mula Kamu masuk ke menu **API Keys & Apps**.

![Klik Menu API Keys and Apps](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FkFo8XKYAPizSmV7xdmFP%2FKlik-Menu-API-Keys-and-Apps.jpg?alt=media\&token=554fc0d1-3b5c-4ba2-ae29-8028a9df8f92)

Kemudian pastikan [**assign minimal 1 nomor yang dihubungkan ke API**](https://docs.watzap.id/help/integrations/menambahkan-nomor-wa-untuk-api).

![Hubungkan Nomor API](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FRDGtHlhJNG1vdaa7msTX%2FNomor%20API%20Berhasil%20Terhubung.jpg?alt=media\&token=b0b288d0-51d4-41ea-92b3-bc3c87a53f9d)

Setelah itu, pastikan juga Kamu sudah memasang plugin **WPForms** di WordPress Kamu.

![WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2Fi51HNLMkbpgOxY4neU9L%2FWPForms.jpg?alt=media\&token=fc8de239-1260-42dd-99e9-f44756c3af30)

Kamu juga perlu download dan install plugin WatZap for WordPress. Untuk download plugin WatZap for WordPress, Kamu bisa klik pada bagian “**Download WordPress API Plugin**“.

![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 langkah selanjutnya, Kamu perlu memasang plugin **WatZap** di WordPress. Untuk cara pasangnya sama seperti memasang 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%2FYBrhHGrjLqByC1ZBOS6H%2FInstall%20WatZap.jpg?alt=media\&token=f1265acd-6c64-40fa-baf6-f9a12f168e98)

Setelah plugin **WatZap** terpasang di WordPress Kamu, maka akan muncul menu **WatZap**. Untuk mengintegrasikan **WatZap** ke **WPForms**. Kamu bisa klik menu tersebut.

![Pilih Menu WatZap](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FZJbiGod5ciSXAqXBicNJ%2FPilih%20Menu%20WatZap.jpg?alt=media\&token=e15d662b-e8c4-4db9-b0d4-6c41855c66d7)

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%2F2TDmxCfAtVzWZnpPIoM3%2FAPI%20Key.jpg?alt=media\&token=a094f218-52bf-41c8-82e0-bc980a276f03)

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%2FLmHDHfTiLYVcpV7P5Vcy%2FKlik%20Connect%20Now.jpg?alt=media\&token=00fc1b69-de91-47bf-9acf-a064a3586770)

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%2Fz0ktRoALwxPHPOLS0E1g%2FWatZap%20Berhasil%20Terhubung.jpg?alt=media\&token=61fe95ca-d235-4353-8872-f9f282add9a7)

Nah, untuk mengintegrasikan **WPForms** dengan **WatZap**, sebaiknya Kamu menggunakan plugin tambahan seperti, **Elementor**. Plugin tambahan ini berfungsi untuk memperbagus tampilan form yang akan Kamu buat nanti.

Kamu bisa install plugin tambahan dengan cara klik menu “**Plugins**” dan “**Add New**“.

![Klik Plugin & Add New di WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FUl6f8UQ9JwDBRD09kVRf%2FKlik%20Plugin%20%26%20Add%20New%20di%20WPForms.jpg?alt=media\&token=f00c0c47-1658-4d15-818f-2ca4311b403f)

Lalu ketik **Elementor** di pencarian.

![Search Elementor di WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FZe8OkNxGo42aSnFFOVd5%2FSearch%20Elementor%20di%20WPForms.jpg?alt=media\&token=0ade2ffc-574b-4af6-9123-2f1d4d6e42ba)

Klik tombol “**Install Now**“.

![Klik Install Elementor di WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FP5VJepj2qPNy9wK9EhOu%2FKlik%20Install%20Elementor%20di%20WPForms.jpg?alt=media\&token=bae4dccf-3e7e-44cd-9280-84683ebbbd16)

Setelah proses instalasi selesai, klik tombol “**Active**” untuk mengaktifkan plugin **Elementor**.

![Klik Activate Elementor di WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FewiFZZ9jiIjLPSV5uS3L%2FKlik%20Activate%20Elementor%20di%20WPForms.jpg?alt=media\&token=cf352af7-049c-4f76-8564-ab37f312b22c)

Maka akan muncul tampilan seperti ini yang artinya plugin tambahan **Elementor**-nya sudah siap digunakan.

![Tampilan Elementor di WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FynbAwOh4DL1aM9iCSD92%2FTampilan%20Elementor%20di%20WPForms.jpg?alt=media\&token=67a064f1-c40e-4de6-96bc-2181934d73aa)

Selanjutnya klik menu “**WPForms**” dan “**Add New**“.

![Klik WPForms & Add New di WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FSpaOifxvw7tlh4d0QW5L%2FKlik%20WPForms%20%26%20Add%20New%20di%20WPForms.jpg?alt=media\&token=76aa3fbf-a8fc-4f5f-ae09-2d3d7c8bbbdc)

Lalu berikan nama Form-nya dibagian ini.&#x20;

<figure><img src="https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FrGxe89NkrZJSPpeczOMM%2FBerikan%20Nama%20Form.jpg?alt=media&#x26;token=b901aaa8-72d7-4dfe-82f5-051bc35cb1df" alt=""><figcaption><p>Berikan Nama Form</p></figcaption></figure>

Pada bagian ini, Kamu bisa memilih template Form yang ingin digunakan. Contohnya di sini menggunakan **Simple Contact Form** untuk template-nya.

![Use Template WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FYldeWImZt8J9ziqDmRYb%2FUse%20Tempalte%20WPForms.jpg?alt=media\&token=099a5e90-95dc-4cf0-a7e5-3cd155999c74)

Akan muncul tampilan seperti berikut ini. Di bagian ini terdapat kolom Nama, Email dan isi Pesan. Nah, ada kolom penting yang harus Kamu masukkan, yaitu kolom Nomor WhatsApp.

Untuk memasukkan kolom Nomor WhatsApp, Kamu bisa drag and drop menu Numbers ke dalam Form.

<figure><img src="https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2F8IKyKIisr4zkXwt9cDnT%2FDrag%20n%20Drop%20opsi%20Numbers.jpg?alt=media&#x26;token=c6c5e1e8-352f-4f90-8450-73396cf402d7" alt=""><figcaption><p>Drag n Drop opsi Numbers</p></figcaption></figure>

Selanjutnya ubah nama kolomnya menjadi WhatsApp Number/Nomor WhatsApp dibagian **label** ini.

![Label Nomor WhatsApp WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FsQSRH0zMJ1cqKqiN62vy%2FLabel%20Nomor%20WhatsApp%20WPForms.jpg?alt=media\&token=9ca99657-498d-4cd6-b45c-1ce667410c5b)

Geser juga toggle Required ke kanan. Fungsinya untuk memberikan informasi ke user agar kolom WhatsApp Number ini harus diisi.

![Toggle Required WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FDJ0UR0uo03B9F0blDS5y%2FToggle%20Required%20WPForms.jpg?alt=media\&token=ff777653-8ebb-435a-b745-50dcbb5802f3)

Setelah sudah selesai membuat kolom form-nya, klik tombol “**Save**“.

![Klik Save Form di WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FiMaHNSgl8m8Fhs0T4ZLw%2FKlik%20Save%20Form%20di%20WPForms.jpg?alt=media\&token=ae8b52fe-d147-414a-8427-02cac8ae7581)

Lalu klik tombol “**Close**“.

![Klik Tombol Close Form di WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2F5qmeyL0jckToYeZhI9MQ%2FKlik%20Tombol%20Close%20Form%20di%20WPForms.jpg?alt=media\&token=572c0a9b-ecc2-4829-a7c5-6502c1041c54)

Maka form yang telah dibuat akan terlihat seperti ini.

![Tampilan From baru di WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2Fh6n5irz6kk3iIKpaWWnA%2FTampilan%20From%20baru%20di%20WPForms.jpg?alt=media\&token=a8052a9a-2baa-43ee-bf9d-0b187f6b9d9d)

Selanjutnya, buat Page dengan cara klik menu “**Page**” dan “**Add New**“.

![Klik menu Pages dan Add New](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FoCK1miTQ6byxFlGSKRUl%2FKlik%20menu%20Pages%20dan%20Add%20New.jpg?alt=media\&token=15e3fc2a-fde6-4c89-9775-8cd1e364d6c7)

Lalu berikan nama page-nya dibagian label.

![Nama Page baru](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FgpWy4ULvAuMC2D2PEpPt%2FNama%20Page%20baru.jpg?alt=media\&token=993e002f-ade4-4dc4-958c-b9a8c3322c3b)

Kemudian pilih template yang Kamu inginkan dengan cara klik “**Default Template**” yang ada dibagian Page Attributes.

![Default Template di WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FXTBzPS363vEzVYJmbCQD%2FDefault%20Template%20di%20WPForms.jpg?alt=media\&token=0657e8fb-9697-4585-bd48-c4e74a9d5f9e)

Klik tombol “**Publish**“.

![Klik tombol Publish di WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FWUcrNtLTbIXEceJZrErs%2FKlik%20tombol%20Publish%20di%20WPForms.jpg?alt=media\&token=111903b8-0da0-47d3-b39b-ffac4a1ecab0)

Setelah itu klik tombol “**Edit with Elementor**“.

![Edit With Elementor di WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2Fa3lQPZ6dFiQKo1zAnWPw%2FEdit%20With%20Elementor%20di%20WPForms.jpg?alt=media\&token=3e2b50ec-71e9-4751-9949-02e1af786af5)

Lalu akan muncul tampilan seperti ini. Klik tombol icon “**+**“.

![Klik icon plus elementor di WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2F2UsuYSZOCijf7tMVHci0%2FKlik%20icon%20plus%20elementor%20di%20WPForms.jpg?alt=media\&token=f4168447-0bd2-4948-9b7a-6e8f88579002)

Pilih **Structure** Form-nya.

![Pilih Structure elementor di WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2Fwn7B3kHODdA2bsfNEb6b%2FPilih%20Structure%20elementor%20di%20WPForms.jpg?alt=media\&token=2a2909bf-aef8-4f46-b9c9-7307dbd6cd9d)

Lalu di *Search Widget* ini, kamu cari **WPForms**.

![Cari WPForms di Elementor](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FxN7TpcqPoBiRfizmkp7m%2FCari%20WPForms%20di%20Elementor.jpg?alt=media\&token=52b1ec20-d9e0-41ac-be87-6e4afd0ef7de)

Kemudian *drag and drop* **WPForms**-nya ke bagian *body* *structure*.

![Drag and drop WPForms di Elementor](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FaFWRyytpmylShPFkDZOI%2FDrag%20and%20drop%20WPForms%20di%20Elementor.jpg?alt=media\&token=64edf0c9-86d2-4b2f-8c69-eaf8c0a60c48)

Lalu pilih form yang sebelumnya sudah Kamu buat dengan cara klik “**Select a Form**“.

![Klik Select From WPForms di Elementor](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FMgWeHOK22i1s3Dx93tDs%2FKlik%20Select%20From%20WPForms%20di%20Elementor.jpg?alt=media\&token=68343a84-08d6-410e-acd3-d8b6104247b8)

Maka form yang sebelumnya sudah Kamu buat akan terlihat seperti ini.

![Tampilan Form WPForms di Elementor](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2Fk3jAib6Tz6PYsPPJZY5r%2FTampilan%20Form%20WPForms%20di%20Elementor.jpg?alt=media\&token=59f94122-0530-41e4-9d8c-2beafae0c338)

Bagian Layout ini berfungsi untuk mengatur tampilan form yang ada disebelah kanan.

![Layout WPForms di Elementor](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2Fwqbf8oJU2Lq0zXKYSOCu%2FLayout%20WPForms%20di%20Elementor.jpg?alt=media\&token=3964516a-767c-472f-ba60-52a4af5dac51)

Setelah selesai mengatur tampilan form nya, klik tombol “**Update**” yang ada dibawah.

![Klik tombol Update WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FivrSpkXhXXnEsjuotIE7%2FKlik%20tombol%20Update%20WPForms.jpg?alt=media\&token=5e5b792b-88aa-4b1a-adc5-d200e245ed72)

Nah, Kamu bisa lihat tampilan form-nya yang asli dengan cara klik “**Preview Changes**” ini.

![Klik Icon Prefiew WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FEGilG8F5TuCjni0rlF65%2FKlik%20Icon%20Prefiew%20WPForms.jpg?alt=media\&token=4bdd68d2-f80f-4ea0-b848-fa57fa70cde3)

Maka tampilan form yang asli akan terlihat seperti ini.

![Tampilan WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FGIwljvVO1INsTBsM0mnC%2FTampilan%20WPForms.jpg?alt=media\&token=c4b77e89-f82c-4907-bd68-f964ab32c4c5)

Setelah selesai meng-edit tampilan form-nya, Kamu bisa keluar dari halamannya dengan cara klik “**icon garis tiga**” ini.

![Klik icon garis 3](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FHg8CGaCLG3nTwJGjmJo0%2FKlik%20icon%20garis%203.jpg?alt=media\&token=28c3946a-3bf6-4cb2-9ee2-77091acbbe9c)

Lalu klik tombol “**Exit to Dashboard**“.

![Klik Exit Dashboard](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FfyA9XYCzEanfhMIRLGCs%2FKlik%20Exit%20Dashboard.jpg?alt=media\&token=2f1e18c8-93bd-48a5-b999-550b029ec995)

Setelah itu kembali ke plugin **WatZap**, lalu klik menu “**Custom Form**“.

![Plugin WatZap & Custom Form](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FJhQ8goDiGRAS5FnoURTf%2FPlugin%20WatZap%20%26%20Custom%20Form.jpg?alt=media\&token=c71c77ef-d615-43ae-85b5-b003ccdabc8e)

Kemudian akan muncul tampilan seperti ini. Kamu bisa klik tombol “**Add New Form**“.

![Add New Form di Plugin WatZap](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FHb5NAsYHwjYIlhaWFBCR%2FAdd%20New%20Form%20di%20Plugin%20WatZap.jpg?alt=media\&token=7f0150d5-6ca6-4686-a1e9-ecd93d4316e7)

Nah, disini pilih yang “**WPForms**“.

![Pilih Plugin tambahan WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FBpUpv7G7IwDn75hfTylA%2FPilih%20Plugin%20tambahan%20WPForms.jpg?alt=media\&token=ac23223e-a1e2-43fc-90e6-003da1324816)

Klik tombol “**Next**” yang ada dibagian bawah.

![Klik tombol Next](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2Fypr6V5CDbuZrZCseUAn4%2FKlik%20tombol%20Next.jpg?alt=media\&token=045bc4d4-5e97-45bc-bc5c-9f7e8a8688de)

Dibagian **Choose Form**, Kamu bisa pilih form yang sebelumnya sudah dibuat.

![Choose Form](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2Fq6Giv9bRf8yOy9wbKm32%2FChoose%20Form.jpg?alt=media\&token=4b8ed835-15d7-427c-b9d4-d7bc33c77e95)

Kemudian dibagian **WhatsApp Number (Field Name)**, pastikan pilih yang WhatsApp Number.

![WhatsApp Number (Field Name)](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2Fvi5WvJQJD3RIXNGl4ob3%2FWhatsApp%20Number%20\(Field%20Name\).jpg?alt=media\&token=5501fe5d-551a-466a-99f0-1fcfdae7625e)

Berikan nama form-nya dibagian **Integration Name**.

![Integration Name](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FVCNuSbMfE0T0zt8beinW%2FIntegration%20Name.jpg?alt=media\&token=fb1d0bdb-4577-4137-b414-20aacedde020)

Lalu buat pesan yang ingin Kamu sampaikan ke pelanggan yang telah mengisi form Kamu.

![Notifikasi untuk User](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FpSw4rDqnVYrsacw4Nh3k%2FNotifikasi%20untuk%20User.jpg?alt=media\&token=eab08be0-7ac3-4d3c-9abe-7092704f49e0)

Kamu bisa panggil nama pelanggan tersebut dengan cara menggunakan “**Choose Variable**” ini.

![Choose Variabel dibagian User](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FoT0rDflbg1M4eTsvGyMd%2FChoose%20Variabel%20dibagian%20User.jpg?alt=media\&token=edac0270-9d90-4481-b6e8-6d216265348d)

Jika Kamu ingin melampirkan gambar, Kamu bisa melampirkannya dengan klik tombol “**Add Media**“.

![Klik Add Media dibagian User](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FEpb1pKBESv8YZC7FIXPS%2FKlik%20Add%20Media%20dibagian%20User.jpg?alt=media\&token=bef0e7d6-c8db-4223-a5b7-baf76bc82920)

Ceklis dibagian “**Add Country Code to Form**“.

![Ceklis Country Code WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FmRnxk7643pI5qKdMWtWj%2FCeklis%20Country%20Code%20WPForms.jpg?alt=media\&token=64aa0233-31c7-4528-a780-4a86a52d24a5)

Lalu jika Kamu/admin mau mendapatkan notifikasi, dibagian bawah ini Kamu bisa isi pesan notifikasinya.

![Pesan Notifikasi Admin](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FXxRjgeWTA6AocuMcU4si%2FPesan%20Notifikasi%20Admin.jpg?alt=media\&token=fe3ba49d-5720-45af-b417-9be06854c486)

Masukkan nomor WhatsApp yang ingin Kamu gunakan untuk mendapatkan pesan notifikasi.

![Nomor notifikasi Admin WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FqGPSGGLsXtVy2Zvdx3oH%2FPesan%20Notifikasi%20Admin.jpg?alt=media\&token=f55eddf5-44fd-4ede-ba48-d289af986660)

Jika sudah selesai, klik tombol “**Next**“.

![Klik Next WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FjgNylEaox1yzJFm4ZO9D%2FKlik%20Next%20WPForms.jpg?alt=media\&token=0438782c-c632-43a0-ae43-fe44bd6bc9cc)

Pada notifikasi “**Your are done!**“, klik tombol “**Ok**“.

![Notifikasi You're Done WPForms](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2Fay2g9PhZlAeApUzZtt6B%2FNotifikasi%20You're%20Done%20WPForms.jpg?alt=media\&token=196b369d-9a27-4c2d-bd9b-3c17a307ff85)

Maka akan muncul tampilan seperti ini. Ini artinya **WPForms** Kamu sudah berhasil terintegrasi dengan **WatZap**.

![WPForms Terintegrasi dengan WatZap](https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FUn4hAv4VFkS21NWahxgQ%2FWPForms%20Terintegrasi%20dengan%20WatZap.jpg?alt=media\&token=b29b2df3-43ae-4f60-a86c-4639edaf76b9)
