Lompat ke konten

Cara Membuat Formulir Kontak Whatsapp di WordPress

Ilustrasi form whatsapp

Cara Membuat Formulir Kontak Whatsapp di WordPress- Membuat Form whatsapp di Website merupakan hal yang sangat penting. Mengapa membuat formulir kontak whatsapp penting? hal ini untuk memudahkan calon pembeli bertanya mengenai produk yang ditawarkan. Apalagi jenis website nya adalah E-Commerce, Landing Page, atau Online Shop dan sejenisnya.

Berikut adalah cara membuat formulir kontak whatsapp di wordpress:

1. Pertama, Instal dan Aktifkan plugin Caldera Forms.

Gambar: Plugin Caldera Form

Gambar: Plugin Caldera Form

2. Selanjutnya, Masuk ke menu Caldera Forms -> Forms. Kemudian klik tombol New Form.

3. Lalu, Pilih tipe Blank Form. Isikan nama formulir yang akan dibuat, misalnya ‘Formulir Kontak WA’. Kemudian klik Create Form.

Gambar: Membuat Blank Form

Gambar: Membuat Blank Form

4. Kemudian, untuk membuat kolom formulir. Drag n drop tombol Add field ke kotak putih yang tersedia.

Gambar: Add Page

Gambar: Add Page

5. Kemudian pilih tipe kolom yang akan digunakan. Lalu klik Set Field

6. Misalnya kita pilih Single Line Text untuk membuat kolom nama lengkap. Setelah itu di samping kanan isikan kolom Name dengan nama kolomnya yakni ‘Nama Lengkap’. Maka kolom slug akan terisi otomatis. Kolom slug ini penting, jadi harap diingat.

Gambar: membuat nama kolom

Gambar: membuat nama kolom

7. Sebagai contoh saya membuat empat field yakni Nama Lengkap, Email, Pesan, dan Kirim. Berikut tipe field yang saya gunakan.

  • Nama lengkap -> Single Line Text
  • Email -> Email Address
  • Pesan -> Paragraph Text Area
  • Kirim -> Button
Gambar: Membuat field formulir

Gambar: Membuat field formulir

8. Selanjutnya masuk ke tab Processors. Klik tombol Add Processor.

Gambar: Membuat add processor

Gambar: Membuat add processor formulir

9. Pilih Redirect. Klik tombol Use Processor.

Gambar: Membuat processor redirect

Gambar: Membuat processor redirect

0. Pada kolom URL. Kita isikan url pesan ke nomor WhatsApp kita. Isikan dengan:

https://wa.me/6281xxxxxxx?text=Hallo Kak, Saya mau bertanya %0A Nama Lengkap : %nama_lengkap% %0A Email : %email% %0A Pesan : %pesan%

Gambar: Membuat redirect url

Gambar: Membuat redirect url

11. Ganti 6281xxxxxxx dengan nomor WhatsApp kamu. Wajib menggunakan awalan 62 bukan 0.

12. Perlu diketahui %nama_lengkap%, %email%, dan %pesan% adalah slug kolom yang telah kita buat sebelumnya. Sedangkan %0A adalah kode untuk Enter.

Kode lainnya: %3A untuk tanda titik 2 ( : ), %20 untuk spasi, %2C untuk tanda koma ( , ), dan %21 untuk tanda seru ( ! )

13. Selanjutnya klik tombol Save Form.

14. Masuk ke bagian Form Settings. Disana sudah terdapat kode Shortcode dari formulir kontak yang telah kita buat. Tinggal gunakan shortcode dengan cara copy paste ke blok Html seperti halnya materi Membuat Formulir Kontak Email yang telah dijelaskan sebelumnya.

Gambar: Shortcode formulir caldera

Gambar: Shortcode formulir caldera

Setelah semua selesai, maka formulir kontak WhatsApp sudah bisa kita gunakan. Dan pesan akan menjadi template chat WhatsApp ketika kita klik tombol Kirim.

Untuk Plugin lainnya bisa di cek di https://www.wordpress.com/

0 0 votes
Article Rating
Subscribe
Notify of
guest
1 Comment
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
astri
astri
10 months ago

mantap banget