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 Elementor

PreviousIntegrasi dengan LandingPressNextIntegrasi dengan WPForms

Last updated 1 year ago

Dengan mengintegrasikan Elementor dengan WatZap Official API, Kamu bisa dengan mudah mengirimkan pesan notifikasi kepada user yang melakukan submit pada Form yang telah Kamu buat.

Kamu juga bisa membuat pesan notifikasi kepada diri Kamu sendiri setiap kali ada user yang berhasil melakukan submit Form.

Untuk melakukan integrasi antara Elementor dengan WatZap, Kamu bisa melihatnya pada video berikut ini.

Jadi untuk melakukan integrasi antara Elementor dengan WatZap, Kamu perlu meng-install terlebih dahulu plugin Elementor pada WordPress.

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 Elementor. Kamu bisa klik menu tersebut.

Jika sudah diisi, klik Connect Now.

Maka akan muncul notifikasi bahwa WatZap telah berhasil terhubung.

Nah, setelah semua persiapan sudah beres, sekarang saatnya membuat Form Elementor yang terhubung dengan WatZap. Caranya itu Kamu klik menu Pages, kemudian klik tombol “Add New“.

Silahkan Kamu isi nama dari Pages tersebut pada bagian ini.

Kemudian Kamu juga bisa mengatur Template-nya pada bagian ini. Untuk Template ini bisa Kamu sesuaikan dengan keinginan.

Jika sudah, klik Publish terlebih dahulu.

Nah, selanjutnya kita masuk ke halaman Elementor-nya. Silahkan klik tombol “Edit with Elementor“.

Nah, pada bagian ini, Kamu bisa klik icon “+”.

Kemudian pilih yang 1 Structure.

Pada menu sebelah kiri, akan ada pilihan WatZap Form. Kamu bisa drag and drop WatZap Form tersebut ke body Elementor yang sudah dibuat sebelumnya.

Akan muncul Form yang sudah dimodifikasi. Kamu bisa menyesuaikan bentuk Form tersebut sesuai selera.

Setelah mengatur bentuk Form, langkah selanjutnya Kamu perlu mengatur isi Form. Caranya klik pada bagian Form Settings. Kemudian akan ada beberapa menu yang bisa Kamu atur.

Keterangan:

  • Form Title: Judul dari Form yang Kamu buat. Jika Kamu tidak ingin menggunakan judul pada Form tersebut, bisa geser bagian Show/Hide.

  • Success Message: Pesan yang akan muncul ketika user klik tombol Submit.

  • Error Message: Pesan yang akan muncul ketika ada isian yang tidak sesuai dengan formatnya.

  • WhatsApp Message: Merupakan pesan WhatsApp yang akan dikirim ke user yang berhasil melakukan Submit Form.

  • Variable: Menu ini bisa Kamu gunakan untuk menambahkan variable pada WhatsApp Message yang dibuat, entah itu menambahkan Nama si pengisi Form, Nomor WhatsApp-nya, atau Email miliknya.

Setelah mengatur Form Settings, selanjutnya Kamu masuk ke bagian Name.

Pada bagian ini, Kamu bisa mengatur Label dan Type dari bagian Name. Silahkan sesuaikan dengan keinginan Kamu. Nantinya tampilan Field Name yang ada di Form akan berubah sesuai dengan yang Kamu ubah.

Untuk Field WhatsApp Number juga bisa Kamu ubah. Caranya masuk ke bagian WhatsApp Number.

Pada bagian ini, Kamu bisa mengatur Label dan Type dari bagian WhatsApp Number. Silahkan sesuaikan dengan keinginan Kamu. Nantinya tampilan Field WhatsApp Number yang ada di Form akan berubah sesuai dengan yang Kamu ubah.

Begitupun juga pada field Email, Message, dan Submit Button.

Nah, pada Field Submit Button, Kamu bisa menambahkan Link Redirect setelah user berhasil melakukan Submit Form. Jadi setelah user klik Submit, Kamu bisa mengarahkan mereka ke website atau link lain sesuai keinginan.

Jika sudah mengatur semuanya, silahkan Kamu klik tombol “Update“.

Untuk melihat hasil Form yang sudah diubah, Kamu bisa klik tombol “Preview Changes“.

Silahkan isi data pada Form tersebut, dan klik tombol Submit untuk mengetes hasil notifikasi yang Kamu kirimkan.

Selanjutnya Kamu login di menggunakan akun WatZap yang Kamu miliki. Kemudian Kamu masuk ke menu API Keys & Apps.

Langkah selanjutnya pastikan . Nomor itulah yang nantinya akan digunakan untuk mengirimkan pesan notifikasi.

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

app.watzap.id
assign minimal 1 nomor yang dihubungkan ke API
API Key WatZap
Install Elementor
Klik Menu API Keys and Apps
Hubungkan Nomor API
Download WordPress Plugin
Install WatZap
Pilih Menu WatZap
API Key
Klik Connect Now
WatZap Berhasil Terhubung
Pages Add New
Tambahkan Nama
Atur Template
Publish
Klik Edit With Elementor
Pilih Icon +
Pilih 1 Structure
Drag and Drop WatZap Form
Atur Layout
Atur Form Settings
Ubah Name
Atur Field Name
Ubah WhatsApp Number
Ubah WhatsApp Number
Atur Email Message dan Submit
Isi Redirect Link
Klik Update
Klik Preview Changes
Test Form