Beli via WhatsApp pada Single Product WooCommerce dengan Contact Form 7

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.

Pesan Melalui Form WhatsApp

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.

Buat Contact Form

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 0.12.2:

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 🙂

5 1 vote
Article Rating
Subscribe
Notify of
guest
7 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Ugun Gunawan
Ugun Gunawan
2 months ago

Dasr rezeki, saya cari²yg ginian sampai pusing.
Makasih banyak semoga berkah.
Ijin sedot ya admin

Ugun Gunawan
Ugun Gunawan
22 days ago

Tanya Mas
Kalo bentuknya bukan pop up atau di arahkan ke page lain gimana?

Joni Situorus
Joni Situorus
13 days ago

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

Untitled.png
vhiolite
vhiolite
1 day ago

Mas Yerie Piscesa, apakah memungkinakan jika bisa sekalian memasukan alamat untuk shippingnya dan memilih kurir dengang woongkir?

envelope-otagscalendarwhatsapp
7
0
Would love your thoughts, please comment.x
()
x