[tutorial] Cara Mengirim Isi Form ke Whatsapp

Selama ini kita sudah ketahui bersama bahwa mengirim pesan WA dapat lewat web atau lewat URL. Lebih tepat nya lewat http://api.whatsapp.com/send?phone=628975835238&text=Assalamualaikum%20mas%20usman .
Namun cara ini punya banyak keterbatasan, diantaranya…

  1. hanya bisa jalan jika menggunakan google chrome
  2. bagaimana kalo yang dikirim text nya dari suatu form
  3. loading yang cukup lama ketika mau mengirim pesan di api.whatsapp.com

Nah kali ini saya akan membeberkan rahasia dahsyat cara mengirim pesan whatsapp lewat form secara instan tanpa coding… serius tanpa coding. Saya jamin tanpa coding… kalau sampai coding Anda boleh datengi rumah saya (sambil bawa oleh2) untuk komplain… haha

oke kembali ke laptop… jadi ceritanya kita punya form lalu ingin agar auto sent ke WA isi form tersebut. Caranya cukup mudah… anda hanya perlu :

  1. install plugin wordpress woowa dari http://woo-wa.com
  2. buat form
  3. setting plugin
  4. submit form

oke kita jabarkan

1. Install plugin woowa

pastikan web anda menggunakan wordpress jika bukan maka skip sampe bawah lalu klik share. kemudian kunjungi https://woo-wa.com untuk mendapatkan plugin woowa. Anda juga dapat mencoba berbagai demo disana.

woowa whtasapp gateway notifier api

Setelah mendaftar dan dapat akun sebagai member. Login masuk ke member area dan klik menu DOWNLOAD & UPDATE dan klik download.zip

woowa download page

Setelah di download install plugin tersebut di menu plugins > Add New klik Upload Plugin lalu Browse

Setelah itu active plugin itu di menu installed plugins dengan cara klik active. Oke sekarang plugin sudah berhasil active. selanjutnya kita perlu untuk setting konfigurasi agar dapat kita gunakan.

untuk selanjutnya akan kita setting plugin ini pada step 3. sebelum itu kita bikin dulu form yang akan kita gunakan untuk kirim ke WA.

2. Membuat Form

untuk membuat form dapat dilakukan dengan berbagai macam cara. Diantaranya dengan memakai plugin Contact Form 7 (CF7), elementor atau caldera Form dan lain nya. Kita coba dengan CF7. pertama install lewat plugins > add new . Search plugin Contact Form 7 lalu install dan activate.

contact form 7 install plugin

lalu klik menu Contact > add new dan buat form sesukamu.

PENTING!! jangan lupa tambahkan field no telp atau semisalnya agar di kirim ke nomor tujuan dan tombol submit tentunya. Kalau sudah klik save maka akan muncul shortcode. Contoh nya seperti ini
[contacts-form-7 id="296" title="Test Send WA via Woowa" html_id="contact-form-1234"] lalu copas. o iya saya tambahkan html_id="contact-form-1234" (khusus cf7) agar form nya ada id nya. karena id ini wajib ada untuk deteksi di plugin woowa. Bagi yang memakai selain cf 7 silahkan disesuaikan.

paste shortcode tadi di page. Klik pages > Add New lalu paste di textarea dan kasih judul form. Jika sudah maka save.

Lalu untuk lihat hasil nya klik View Page . Berikut contoh form yang berhasil dibuat dengan url yang terbentuk adalah http://qodrbee.com/online/test-form-send-wa-via-woowa/. Url ini akan kita pakai ketika setting nanti.

Oke form sudah jadi maka kita lanjutkan agar form ini terintegrasi dengan woowa, sehingga ketika di submit pesan akan terkirim ke Whatsapp.

3.Setting Plugin

Setelah mendapat license dari woo-wa.com masuk ke dashboard my.woo-wa.com untuk link WA Anda ke woo-wa sehingga terkoneksi. Setelah berhasil login di dashboard my.woo-wa.com klik add domain untuk menambah domain anda dan kli link WA untuk mengkoneksikan WA anda dengan woowa.

ketika link akan muncul popup untuk scan qr code, tunggu sampai qr code ter-load. setelah itu scan qr code menggunakan hp Anda yg terinstall whatsapp. klik pojok kanan atas pada aplikasi whatsapp pilih web whatsapp. jika masih bingung lihat video yg ada di samping qrcode pada popup.

Jika sudah scan qr code pastikan bahwa status link WA anda authenticated caranya klik more pilih check dan tunggu sampai statusnya keluar.

ada juga fungsi lain di pilihan more yg bisa anda coba-coba. seperti screnshot untuk melihat layar status WA Anda. Oke selanjutnya setting pada plugin woowa pada wordpress.

Pertama pastikan plugin woowa sudah terinstall. Jika belum lihat step 1
lalu klik menu Woowa Premium > woocommerce klik tab license lalu masukan license yang di dapat dari woo-wa.com

setelah activated license maka anda bisa menggunakan plugin ini. Untuk keperluan send form to WA pilih menu Custom Form lalu klik Add Custom Form masukan judul/ title form nya, terserah saja. Lalu klik Add Form, akan muncul accordion template form, pada sebelah kanan switch on untuk mengaktifkan template.

selanjutnya masukan url form yang tadi (step 2) sudah kita bikin. Url tadi misalnya http://qodrbee.com/online/test-form-send-wa-via-woowa/ lalu klik scan

setelah scan form by url akan di dapat data-data field name dan id. Masukkan form id dan phone number field seperti gambar. Anda juga bisa menyusun kalimat yang dirangkai dengan memakai field yang tersedia. Jika sudah klik save.

4. Submit Form

buka form dan isi field nya lalu submit

Setelah di submit cek WA seharusnya ada yang masuk seperti ini

selamat anda telah berhasil mengirim pesan dari form ke Whatsapp secara instan.

5. Ringkasan

untuk mengirim WA ini diperlukan

  • form yang ada id, field no telp dan tombol submit
  • form dapat dibuat dengan apa saja yang penting syarat di atas terpenuhi
  • form tidak di generate oleh ajax/javascript tp murni html css
  • scan url form dengan plugin woowa untuk mendapatkan id dan name field
  • buat template sesuai kebutuhan dan isi form id dan field name no hp
  • pastikan whatsapp Anda sudah terkoneksi dengan woowa.com

 

6. Demo

Demo : http://qodrbee.com/online/test-form-send-wa-via-woowa/

7. Konsultasi

Feel free to ask me at ztoro.code@gmail.com
or WA 08975835238
or Telegram @ztorocode