WatZap Docs
  • SETTING 2FA
    • Cara Setting 2FA Google Authenticator
    • Cara Setting 2FA WhatsApp OTP
    • Cara Setting 2FA Email OTP
  • Connect to WhatsApp
    • Cara Connect Nomor WhatsApp
    • Perbedaan Nomor Broadcast dan API
    • Apa Itu Auto Warmer
    • Cara Disconnect dan Hapus Nomor WA
    • Solusi Gagal Scan QR Code
    • Cara Kirim Pesan WhatsApp Percobaan
    • Tips Anti-Banned WhatsApp
  • Custom Domain
    • Cara Konfigurasi Custom Domain
    • Kenapa Muncul Notifikasi "Gagal Verifikasi CNAME & TXT"
    • Cara Ubah Tampilan WatZap.id
    • Cara Hapus/Ganti Sub Domain
  • Broadcast
    • Cara Membuat Broadcast WhatsApp
    • Cara Schedule Broadcast WhatsApp
    • Cara Resend Broadcast Failed
    • Cara Delete Invalid Number
    • Penjelasan Fitur A/B Testing
    • Penjelasan Fitur Variable
    • Penjelasan Fitur Bad Word Detection
    • Penjelasan Fitur Spintax Replacement
    • Penjelasan Fitur Interactive Messages
    • Penjelasan Fitur Sending Speed
    • Penjelasan Fitur Allow Unsubscribe
    • Penjelasan Fitur Perfect Timing
    • Penjelasan Fitur Track Link Klik
    • Solusi Broadcast Berhenti/Tidak Berjalan
    • Cara Membaca Data Laporan Hasil Broadcast
  • List
    • Membuat List Baru
    • Impor Kontak dari Group Grabber
    • Impor Kontak dari WhatsApp
    • Impor Kontak dari File EXCEL/CSV/TXT
    • Impor Kontak Manual
    • Penjelasan Mengenai Hasil Sync WhatsApp / Group Grabber Kosong
    • Penjelasan Fitur “Column” di List
  • Auto Engage
    • Cara Menggunakan Auto Follow Up
    • Cara Menggunakan Smart Bot Action
    • Cara Menggunakan Daily Leads
  • Automation
    • Cara Membuat Text Replies
    • Penjelasan Tentang Smart Auto Reply
    • Cara Membuat Welcome Chat
    • Cara Membuat Home Chat
    • Cara Membuat Custom by Keyword
    • Cara Menggunakan Auto Reply Timer
    • Cara Menggunakan Custom Rules
    • Apa Itu “Frequency per Person”?
  • Multi-user WhatsApp Web
    • Apa Itu Multi-user WhatsApp Web
    • Cara Kirim File / Lampiran
    • Tips Agar Stabil dan Tidak Putus-putus
  • Toolkit
    • Menambahkan Operator Baru
    • Menggunakan Link Generator / Rotator
    • Membuat Live Chat (Widget)
    • Memasang Live Chat (Widget) ke Website
  • Integrations
    • Menambahkan Nomor WA untuk API
    • Mendapatkan API Key di Member Area
    • Mendapatkan Number Key untuk API
    • Integrasi dengan OrderOnline.id
    • Integrasi dengan Scalev.id
    • Integrasi dengan Sejoli
    • Integrasi dengan Google Form
    • Integrasi dengan Google Spreadsheet x Zapier
    • Integrasi dengan LandingPress
    • Integrasi dengan Elementor
    • Integrasi dengan WPForms
    • Integrasi dengan Contact Form 7
    • Integrasi dengan KIRIM.EMAIL
    • Integrasi dengan WooCommerce
    • Integrasi dengan Berdu.id
    • Integrasi dengan Themefood.id
    • Integrasi dengan Gmail x Zapier
  • Meta Conversion API
    • Cara Mendapatkan Access Token & Pixel ID
    • Cara Menambahkan Event Baru
  • My Account
    • Ganti Password dan Nomor HP
    • Cara Reset Password (Jika Lupa)
    • Cek Invoice dan Riwayat Transaksi
  • Team Member
    • Cara Menambahkan Anggota/Member Baru di Akun WatZap
    • Perbedaan Team Member dengan Operator
    • Apa Saja yang Bisa & Tidak Bisa Dilakukan oleh Anggota (Selain Admin)?
  • Subscription
    • Cara Perpanjang Paket Langganan
    • Cara Mengganti Paket Langganan
    • Apa itu Prorate Usage?
  • Affiliate Program
    • Daftar Jadi Affiliate WatZap
    • Ubah Data Rekening Bank Affiliate
    • Apa Keuntungan Menjadi Affiliate?
    • Membuat Kupon Diskon Tambahan
    • Apakah Komisi Bersifat Recurring/Berulang?
    • Apakah Sudah Tersedia Marketing Assets-nya?
    • Kenapa Saya Mendapatkan Email “Komisi Invalid”?
    • Kapan Komisi Saya Akan Dicairkan ke Rekening Bank?
Powered by GitBook
On this page
  1. Integrations

Integrasi dengan WPForms

PreviousIntegrasi dengan ElementorNextIntegrasi dengan Contact Form 7

Last updated 1 year ago

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.

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

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

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

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“.

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.

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

Jika sudah diisi, klik Connect Now.

Maka akan muncul notifikasi bahwa WatZap telah berhasil terhubung.

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“.

Lalu ketik Elementor di pencarian.

Klik tombol “Install Now“.

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

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

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

Lalu berikan nama Form-nya dibagian ini.

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

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.

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

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

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

Lalu klik tombol “Close“.

Maka form yang telah dibuat akan terlihat seperti ini.

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

Lalu berikan nama page-nya dibagian label.

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

Klik tombol “Publish“.

Setelah itu klik tombol “Edit with Elementor“.

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

Pilih Structure Form-nya.

Lalu di Search Widget ini, kamu cari WPForms.

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

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

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

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

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

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

Maka tampilan form yang asli akan terlihat seperti ini.

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

Lalu klik tombol “Exit to Dashboard“.

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

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

Nah, disini pilih yang “WPForms“.

Klik tombol “Next” yang ada dibagian bawah.

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

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

Berikan nama form-nya dibagian Integration Name.

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

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

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

Ceklis dibagian “Add Country Code to Form“.

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

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

Jika sudah selesai, klik tombol “Next“.

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

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

Kemudian pastikan .

Akan muncul tampilan seperti ini. Pada bagian API Key, silahkan isi dengan yang bisa Kamu temukan pada menu API Keys & Apps di WatZap.

assign minimal 1 nomor yang dihubungkan ke API
API Key WatZap
Klik Menu API Keys and Apps
Hubungkan Nomor API
WPForms
Download WordPress Plugin
Install WatZap
Pilih Menu WatZap
API Key
Klik Connect Now
WatZap Berhasil Terhubung
Klik Plugin & Add New di WPForms
Search Elementor di WPForms
Klik Install Elementor di WPForms
Klik Activate Elementor di WPForms
Tampilan Elementor di WPForms
Klik WPForms & Add New di WPForms
Berikan Nama Form
Use Template WPForms
Drag n Drop opsi Numbers
Label Nomor WhatsApp WPForms
Toggle Required WPForms
Klik Save Form di WPForms
Klik Tombol Close Form di WPForms
Tampilan From baru di WPForms
Klik menu Pages dan Add New
Nama Page baru
Default Template di WPForms
Klik tombol Publish di WPForms
Edit With Elementor di WPForms
Klik icon plus elementor di WPForms
Pilih Structure elementor di WPForms
Cari WPForms di Elementor
Drag and drop WPForms di Elementor
Klik Select From WPForms di Elementor
Tampilan Form WPForms di Elementor
Layout WPForms di Elementor
Klik tombol Update WPForms
Klik Icon Prefiew WPForms
Tampilan WPForms
Klik icon garis 3
Klik Exit Dashboard
Plugin WatZap & Custom Form
Add New Form di Plugin WatZap
Pilih Plugin tambahan WPForms
Klik tombol Next
Choose Form
WhatsApp Number (Field Name)
Integration Name
Notifikasi untuk User
Choose Variabel dibagian User
Klik Add Media dibagian User
Ceklis Country Code WPForms
Pesan Notifikasi Admin
Nomor notifikasi Admin WPForms
Klik Next WPForms
Notifikasi You're Done WPForms
WPForms Terintegrasi dengan WatZap