31 August 2019
Penggunaan WhatsApp sebagai alat pemesanan jual-beli sudah menjadi pilihan para pelaku usaha online di Indonesia. Pastikan calon pelanggan Anda dapat dengan mudah membuat pesanan dengan plugin Forminator.
Artikel ini adalah seri ke-3 dari tutorial tentang Forminator. Sebelum melanjutkan, pastikan Anda sudah membaca artikel sebelumnya.
Agar tidak merusak snippet yang telah dibuat sebelumnya, buat page baru dengan meng-attach form yang sudah Anda buat sebelumnya. Pada contoh ini, saya memberi nama Forminator Test WA, sehingga slugnya adalah "forminator-test-wa".
Buat snippet baru, beri nama sesuai keinginan, kemudian isi script dibawah pada bagian code. Pilih opsi Only run on site front-end kemudian Save Changes and Activate.
Pada dasarnya script diatas adalah penambahan dari script di artikel sebelumnya.
Jangan lupa untuk mengganti nomer HP pada variabel "the_phone". Perlu diperhatikan pula, pada script diatas tidak menggunakan field select (combo box/dropdown input), silahkan lakukan modifikasi untuk menangani field tersebut sebagai bahan belajar Anda.
Jika Anda sudah membaca artikel tentang pengiriman ke pesan WhatsApp menggunakan Contact Form 7, maka ini adalah versi Forminatornya. Perlu dipahami juga, bahwa setiap plugin mempunyai caranya sendiri untuk kustomisasi, silahkan cek dokumentasi (atau bongkar scriptnya) untuk plugin-plugin form yang lain.
Cek live demo pada halaman ini.
Happy WordPressing 🙂
mau tanya mas, step by stepnya sudah saya ikutin sesuai tutor, tapi hasil akhir di pengiriman Whatsapp hasil "Total Price: undefined"
gimana cara benerinnya ya, biar waktu send kemudian masuk ke WA total pricenya bisa sesuai seperti yang di form
di demo ini juga saya test, hasil link ke Whatsappnya "Total Price: undefined"
mohon updatenya ya mas
sudah diupdate, event handler after.forminator.load dihilangkan saja. karena (pada versi ini dan dengan settingan yg ada) form diload tanpa menggunakan ajax.
silahkan cek demo https://businessprofile.solusipress.com/forminator-test-wa/
Terima Kasih banyak mas, sukses selalu untuk solusipress.com
bener-bener bermanfaat sekali tutorial ini
Mau tanya mas, klo untuk isi form dengan fungsi kalkulasi dari harga dasar + pilihan varian yg disediakan, baiknya pake form 7 atau forminator ini ya?
Oh iya, klo pake teknik formnimator ini, kemudian dalam 1 page ingin membuat 2 form atau lebih gimana implementasinya ya? Atau jika berkenan bisa mohon buatkan postingan baru untuk penggunaan lebih dari 1 form di halaman yg sama 🙏🙏🙏
Terima kasih banyak, webny sangat bermanfaat
untuk fungsi kalkulasi forminator lebih unggul dari contact form 7. tapi kalau kirim ke whatsapp untuk 2 form yg berbeda dalam 1 page masih belum bisa untuk metode diatas.
saat ini baru untuk contact form 7 yang sudah ada wrapper dalam bentuk plugin untuk menampilkan 2 (atau lebih) form di page yang sama (cek https://solusipress.com/download/contact-form-7-send-to-whatsapp/), mungkin kedepannya bakal ada untuk forminator.
baik mas, terima kasih untuk infonya
ditunggu update tutor berikutnya klo sudah ada perkembangan lebih lanjut
Btw saya sudah ikuti tutor di solusipress.com ini, sudah bisa redirect ke WA, hanya saja untuk input nama, email dan nomer hp tidak include ke redirect Whatsapp, selainnya udah sukses, seperti pilihan (radio-1), checkbox-1 dan total harga sudah otomatis
apa the_text formdata ada yang kurang ya, saya sudah samakan seperti script diatas, mohon bantuannya
Terima kasih banyak untuk supportnya
kemungkinan elemen2 itu bukan diwrap dari class-class berikut:
$( '.forminator-input--wrap, .forminator-radio, .forminator-checkbox' )
pastikan input name, email & hp di-wrap dengan class forminator-input--wrap
Maksudnya bagaimana mas Yerie?
Ane kasusnya sama nih
classnya sudah forminator-input--wrap, tapi tetap saja di whatsappnya bagian nama, emai, dan hp nya kosong mas
Kalau yg saya tinjau dari demonya juga, ternyata trouble pada value nya mas, jika diisi, valuenya tidak muncul.
termasuk pada kolom tanggal juga, saat tanggal diganti, maka valuenya tetap default. Yang terkirim ke whatsapp pun tanggal yang default tersebut, bukan tanggal yg telah diubah.
Mohon solusi mas Yerie...
Terima kasih
demo udah di-fixed, perubahan di baris 65, mungkin versi jquery di wp yg sekarang sudah diupgrade ke 3.5.x
terkirim tapi ga ada pesan masuk mas.bagaimana ya
pesan email atau whatsapp? kalau whatsapp kan memang harus dikirim manual setelah web/aplikasi whatsapp terbuka.
cek demo disini https://businessprofile.solusipress.com/forminator-test-wa/
kalau email ngga masuk, mungkin dari setting smtp-nya, coba pasang plugin "wp mail smtp" atau hubungi pihak hosting.
Klo di formnya checkbox diganti dengan select, adakah yang perlu dirubah dari skrip snippet diatas bos?
saya coba, hasil undefined soalnya, mohon pencerahan
iya, harus dimodifikasi di code snippetnya. sudah diinfo kan di artikelnya.
Hallo mas Yerie,
bagaimana caranya mengatasi masalah forminator tidak bisa mengirim email ke admin dan client.
Terimakasih
coba pasang plugin wp mail smtp https://id.wordpress.org/plugins/wp-mail-smtp/
kalau ditest pake plugin wp mail ngga bisa, hubungi pihak hostingnya, terkadang fungsi mail di-disable pihak hosting.