20 June 2020
Anda memiliki toko online berbasis WooCommerce dan merasa pengguna Anda kesulitan memesan produk dari toko Anda? Mungkin Anda perlu menyederhanakan prosesnya sehingga terlihat seperti demo shop ini.
Bagi pelaku usaha UMKM di Indonesia, WhatsApp adalah aplikasi yang wajib dimiliki pada perangkat mobile/ponsel, dan saya memahami hal itu. Untuk itu saya mengembangkan plugin integrasi antara WooCommerce, Contact Form 7 dan Aplikasi WhatsApp yang bernama Contact Form 7 Send to WhatsApp (CF7SendWA).
Untuk menggunakan plugin CF7SendWA, Anda harus menginstall plugin Contact Form 7 terlebih dahulu pada web WordPress Anda. Selanjutnya download dan install plugin CF7SendWA. Cek artikel ini jika Anda belum paham melakukan instalasi plugin pada web WordPress.
Buka menu Contact -> WhatsApp Send, input nomor WhatsApp pada bidang WhatsApp Number, gunakan kode negara seperti pada contoh dibawah.
Pada bagian Quick Shop Options, berikut penjelasannya:
Untuk menyisipkan quick shop pada contact form, Anda dapat menggunakan shortcode [cf7sendwa-quickshop] dan [cf7sendwa-checkout]. Pastikan urutannya harus quickshop kemudian checkout, berikut contoh penggunaannya
Penggunaan shortcode lainnya dapat dilihat seperti dibawah ini.
Anda dapat mengatur tab Mail seperti biasa, jika ingin contact form 7 tetap mengirimkan email. Namun untuk WhatsApp, Anda dapat mengaturnya seperti contoh berikut.
Shortcode [woo-orderdetail] akan menampilkan item-item pesanan berikut total pembeliannya untuk dikirim ke nomer yang ditentukan oleh input "To Number", default menggunakan nomor WhatsApp pada pengaturan global.
Tab Additional Settings dapat digunakan untuk "menghubungkan" ke data order pada WooCommerce. Berikut contohnya:
Dengan pengaturan diatas maka data order Anda akan terisi sesuai dengan yang user/customer input pada contact form.
Copy shortcode yang tertera pada contact form dan tempelkan pada sembarang page/post. Anda juga bisa menambahkan desain menggunakan page builder agar lebih menarik.
Sebagai informasi tambahan, shortcode [cf7sendwa-quickshop] dan [cf7sendwa-checkout] dapat juga digunakan diluar Contact Form 7. Anda dapat menempelkan shortcode pada sembarang Page atau Post.
Hasil dari penggunaan shortcode diluar CF7 dapat dilihat pada halaman demo ini.
Selamat Berjualan 🙂
Om, saya pasang [cf7sendwa_woo_checkout] di form tapi kok gak dirender, ya. Tetap tampil shortcodenya gitu. Kira-kira masalahnya apa, ya?
saya tes di halaman demo https://bisnisdemo.solusipress.com/instant-checkout/ ngga ada masalah sih, kemungkinan plugin cf7-send-wa belum aktif atau ada conflict dengan theme aktif atau plugin lain.
fyi, ada bugs di basic form (versi 0.10.8), dia ngga bisa kirim pesan WA.
silahkan update plugin cf7-send-wa ke versi terbaru (0.10.10)
Sudah berapa hari ini saya coba ikuti panduan yang diberikan, tapi ternyata belum berhasil, shortcode nya tetap tampil, sy pakai theme generatepress yg free.
Silahkan diupdate ke versi terbaru(0.10.13)
Hi. Awesome plugin really heped me. But how do I change the currency? Thanks
ah... you were right, please update the plugin (0.12.2) then set your currency via WooCommerce currency options.
Maaf mau tanya., apa plugin ini beli atau free sih ? saya coba download kok tidak bisa ya ?
itu free plugin... sepertinya plugin downloadnya lagi bermasalah. coba download dari github aja
https://github.com/yeriepiscesa/cf7-send-wa/releases
Saya pakai versi 0.13.13 sebelumnya normal.
Sekarang ga terikirim chat wa nya.
Apa harus update? Ke 0.13.15?
iya, update ke versi terbaru aja 0.13.5
Kalo menampilkan checkout field tambahan dr woocommerce biar bisa ditampilin di cf7 nya gmn ya gan ?
ngga bisa sih... paling tambah field di contact formnya aja, supaya masuk ke data woocommerce bisa pakai hook ini
add_action( 'cf7sendwa_after_woo_order', function( $order_id, $posted_data ) {// tulis kode sesuai kebutuhan misal
update_post_meta( $order_id, 'data_tambahan', $posted_data['data_tambahan'] );
}, 10, 2 );