Dengan mengintegrasikan LandingPress dengan WatZap, Kamu bisa mengirimkan notifikasi WhatsApp otomatis kepada user yang melakukan submit form di LandingPress Kamu.

Kamu juga bisa mendapatkan notifikasi di WhatsApp jika ada user yang mengisi form datanya.

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


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

Klik Menu API Keys and Apps

Kemudian pastikan Kamu sudah assign minimal 1 nomor yang dihubungkan ke API.

Hubungkan Nomor API

Setelah itu, pastikan juga Kamu sudah memasang tema LandingPress seperti ini.

Tema LandingPress

Nah, untuk mengintegrasikan LandingPress dengan WatZap itu dibutuhkan juga plugin tambahan seperti WPForms, Contact From 7, atau bahkan KIRIM.EMAIL.

Kamu bisa install plugin tambahannya terlebih dahulu, dengan cara klik menu “Plugins” dan “Add New“.

Klik Menu Plugin & Add New

Lalu ketik WPForms di pencarian Keyword.

Cari WPForms

Klik tombol “Install Now“.

Klik Install WPForms

Setelah proses instalasi selesai, klik tombol “Active“.

Klik Activate WPForms

Maka akan muncul tampilan seperti ini yang artinya Plugin WPForms sudah siap digunakan.

Setelah itu, buat form dengan cara klik tombol “Create Your Fist Form“.

Klik Add New Form di WPForms

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.

Use Tempalte WPForms

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.

Drag Numbers WPForms

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

Label Nomor WhatsApp WPForms

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

Toggle Required WPForms

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

Klik Save Form di WPForms

Lalu klik icon “Close“.

Klik Tombol Close Form di WPForms

Maka form yang telah dibuat akan terlihat seperti ini.

Tampilan From baru di WPForms

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

Klik menu Pages dan Add New

Lalu berikan nama page-nya dibagian label.

Nama Page baru

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

Pilih Template di menu Page

Klik tombol “Publish“.

Klik Tombol Publish di menu Page

Setelah itu klik tombol “Edit with Elementor Landing Page“.

Klik tombol Edit with Elementor di menu Page

Lalu akan muncul tampilan seperti ini dan klik tombol “Add New Section“.

Klik Add New Section

Pilih Structure-nya.

Pilih Structure Sectiion

Lalu di Search Widget ini, kamu cari WPForms.

Search Widget WPForms

Drag and drop WPForms-nya ke bagian structure.

Drag and Drop ke bagian Structure

Maka akan muncul seperti ini. Kamu bisa pilih form yang sudah dibuat sebelumnya dibagian ini.

Pilih Form yang sudah dibuat

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

Fungsi Layout

Kamu juga bisa mengganti warnya background nya dengan cara mengunjungi menu Style.

Menu Style

Setelah selesai edit, klik tombol “Update“.

Klik Tombol Update

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

Icon Preview From

Maka tampilan form yang asli akan terlihat seperti ini.

Tampilan Form yang di depan

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

Klik icon garis 3

Lalu klik tombol “Exit to Dashboard“.

Klik Exit Dashboard

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

Plugin WatZap & Custom Form

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

Add New Form di Plugin WatZap

Nah, disini pilih yang “WPForms“.

Pilih Plugin tambahan WPForms

Klik tombol “Next” yang ada dibagian bawah.

Klik tombol Next

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

Choose Form

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

WhatsApp Number (Field Name)

Berikan nama form-nya dibagian Integration Name.

Integration Name

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

Buat pesan Notifikasi pelangganan

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

Choose Variabel

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

Add Media Notifikasi Pelanggan

Ceklis dibagian “Add Country Code to Form“.

Ceklis Add Country Code to Form

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

Pesan Notifikasi untuk Admin

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

Nomor WA Admin untuk Notifikasi

Jika sudah selesai, klik tombol “Next“.

Klik Tombol Next

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

Klik Ok

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

Tampilan Form LandingPress

Artikel Lainnya yang Mungkin Membantu: