17 November 2020
Salah satu cara untuk membuat pelanggan membeli produk ketika berada di halaman produk (single product) adalah dengan menambahkan tombol pesan/beli secara langsung tanpa proses add to cart.
Pemesanan melalui pesan WhatsApp dianggap salah satu cara paling efektif dalam berjualan online, disini kita akan coba membuat form pembelian langsung melalui pesan WhatsApp dengan Contact Form 7 dan CF7SendWA.
Pastikan Anda sudah menginstal dan mengaktifkan plugin CF7 (versi terupdate) dan CF7SendWa versi 0.12.0 atau yang lebih baru. Kode untuk pengaturan form dan tab lainnya, dapat Anda lihat pada halaman Gist ini.
Silahkan ikuti langkah-langkah melalui rekaman layar dibawah ini. Saya menggunakan plugin Material Design for Contact Form 7 yang bisa Anda download secara gratis untuk mempercantik tampilan form.
Hal yang perlu diperhatikan adalah, mengatur atribut products pada shortcode cf7sendwa-quickshop dengan nilai "current".
Dengan demikian shortcode akan menampilkan produk yang sesuai dengan halaman single product yang sedang dikunjungi.
Untuk menampilkan tombol "Beli via WhatsApp" pada setiap single product, atur Single Product Form ( pada menu Contact -> WhatsApp Send, section WooCommerce Integration ) dengan contact form yang baru Anda buat, kosongkan bagian Opening Text.
Update versi 0.12.2 (dan yang lebih baru), lokasi tombol WA dapat ditentukan sesuai hook yang tersedia pada WooCommerce, terdapat juga pilihan "Replace add to cart button" (update 0.13.1) jika Anda ingin produk hanya dapat dipesan langsung melalui WhatsApp.
Sebagai tambahan, pada update 0.13.1 terdapat pilihan untuk menghilangkan tombol add to cart pada halaman shop (termasuk pada halaman arsip product category & product tag).
Kunjungi halaman ini untuk melihat hasil akhir dari proses diatas.
Happy WordPressing 🙂
Dasr rezeki, saya cari²yg ginian sampai pusing.
Makasih banyak semoga berkah.
Ijin sedot ya admin
Tanya Mas
Kalo bentuknya bukan pop up atau di arahkan ke page lain gimana?
belum bisa sih mas
Dear mas bro,
Mau nanya, kalau untuk customize field
[select_channel field-name]
Pakai material design gimana ya? Soalnya yg lainnya sudah klop, drop down ini aja yang jomplang sendiri, mana kecil imut2 lagi
di-wrap pake containernya material design kan bisa. misal
[md-select label="Pilih Support" outlined="yes"][select_channel* service]
[/md-select]
Mas Yerie Piscesa, apakah memungkinakan jika bisa sekalian memasukan alamat untuk shippingnya dan memilih kurir dengang woongkir?
kalau pertanyaannya mungkin atau ngga sih mungkin2 aja, tapi harus kustom sendiri. soalnya woongkir bukan bawaan woocommerce. kalaupun nanti ada fitur alamat & shipping pastinya handle shipping bawaan woocommerce dulu.
halo mas, kenapa ya masih ada muncul script2nya dibagian masing2 field nya
script apa ya?
mas, kenapa button add to cart gabisa keganti sama ini ya? dan kenapa ga muncul pop up formnya, malah harus ke page checkout dulu
Mantap mas 🙂
mas, saya coba aplikasikan kok pas pop up muncul script nya di setiap fieldnya ya ?
seperti ini mas
https://prnt.sc/-SYJC5Pu8HmO
Mohon bantuannya ya mas.
Terima kasih
di demo saya tambah addon material design for cf7 https://id.wordpress.org/plugins/material-design-for-contact-form-7/, jadi perlu install dulu addon-nya, atau dihapus aja shortcode diluar cf7 & cf7sendwa
Mas, di saya kenapa ga works ya? apakah code di atas di 2023 ga bisa?
saya coba sih masih work. mungkin ada setting yg terlewat