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
12 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Ugun Gunawan
Ugun Gunawan
11 months ago

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

Ugun Gunawan
Ugun Gunawan
10 months ago

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

Joni Situorus
Joni Situorus
10 months 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
9 months ago

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

undangan digital project
undangan digital project
5 months ago

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

Undigproject
Undigproject
4 months 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 months 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

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