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 2 votes
Article Rating
Subscribe
Notify of
guest
14 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Ugun Gunawan
Ugun Gunawan
2 years ago

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

Ugun Gunawan
Ugun Gunawan
2 years ago

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

Joni Situorus
Joni Situorus
2 years 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
2 years ago

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

undangan digital project
undangan digital project
2 years ago

halo mas, kenapa ya masih ada muncul script2nya dibagian masing2 field nya

Undigproject
Undigproject
2 years ago

mas, kenapa button add to cart gabisa keganti sama ini ya? dan kenapa ga muncul pop up formnya, malah harus ke page checkout dulu

Syamedia Digital Creative
Syamedia Digital Creative
2 years ago

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

Randi Bouty
Randi Bouty
7 months ago

Mas, di saya kenapa ga works ya? apakah code di atas di 2023 ga bisa?

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