Integrasi dengan LandingPress
Last updated
Last updated
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.
Kemudian pastikan Kamu sudah assign minimal 1 nomor yang dihubungkan ke API.
Setelah itu, pastikan juga Kamu sudah memasang tema LandingPress seperti ini.
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“.
Lalu ketik WPForms di pencarian Keyword.
Klik tombol “Install Now“.
Setelah proses instalasi selesai, klik tombol “Active“.
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“.
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 bahwa kolom WhatsApp Number ini harus diisi.
Setelah sudah selesai membuat kolom form-nya, klik tombol “Save“.
Lalu klik icon “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 Landing Page“.
Lalu akan muncul tampilan seperti ini dan klik tombol “Add New Section“.
Pilih Structure-nya.
Lalu di Search Widget ini, kamu cari WPForms.
Drag and drop WPForms-nya ke bagian structure.
Maka akan muncul seperti ini. Kamu bisa pilih form yang sudah dibuat sebelumnya dibagian ini.
Bagian Layout ini berfungsi untuk mengatur tampilan form yang ada disebelah kanan.
Kamu juga bisa mengganti warnya background nya dengan cara mengunjungi menu Style.
Setelah selesai edit, klik tombol “Update“.
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“.
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 user 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 LandingPress Kamu sudah berhasil terintegrasi dengan WatZap.
