Kustomisasi Form Checkout WooCommerce

Mungkin banyak penjual online yang menggunakan WooCommerce merasa isian form checkout terlalu banyak yang bisa jadi membuat calon pelanggan batal menyelesaikan pesanan.

Untuk mengkustomasi form checkout, Anda membutuhkan plugin Code Snippets dan Kode dari Gist ini. Silahkan dipelajari jika Anda tertarik dengan programming di WordPress/WooCommerce.

Hasil dari custom form checkout ini bisa dilihat disini yang juga pernah Anda lihat pada artikel sebelumnya.

Menambahkan Kode

Tambah snippet baru pada, beri nama sesuai keinginan dan tambahakan kode dari Gist. Cek rekaman layar berikut untuk lebih jelasnya.

Berikut sedikit penjelasan untuk kode yang perlu diperhatikan.

Fungsi unset digunakan untuk menghapus variabel, Anda dapat menyesuaikan sendiri field-field apa yang ingin dihilangkan.

Pada contoh diatas saya menghilangkan field company (perusahaan), postcode (kode pos), last_name (nama belakang, akan digabung dengan nama depan menjadi nama lengkap) dan nomor telepon.

Untuk mengurutkan posisi field, silahkan atur property priority seperti pada contoh diatas (field address_1 & address_2).

Pastikan tetap menyisakan salah satu nomor telepon atau alamat email, atau Anda akan sulit menghubungi pelanggan Anda jika tidak ada informasi tersebut.

Happy WordPressing 🙂

5 2 votes
Article Rating
Subscribe
Notify of
guest
11 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Kamini
Kamini
3 years ago

Akhirnya nemu juga mas. Moga moga kedepan ada tutorial contact form 7 yang mengarah ke payment gateway menggunakan $curl. Terimakasih sukses selalu buat solusipress.

andi
andi
3 years ago

klo untuk menambah form pengiriman Dropship bisa ga ya gan ?

fanioz
fanioz
3 years ago

daftar field yang bisa di custom lihat dimana yak

JasaVPS
JasaVPS
3 years ago

Tutorial ini sangat membantu banget. Semoga tambah banyak tutorial Woocommerce lainnya

Last edited 3 years ago by JasaVPS
idetas
idetas
3 years ago

Selamat malam mas, ini saya coba di web WooCommerce saya kok gak work ya.

ini penampakannya : https://nimb.ws/fZey1B

idetas
idetas
3 years ago
Reply to  Yerie Piscesa

Sudah ketemu mas sumber masalahnya, karena pake plugin ongkoskirim id

eko mahendro
eko mahendro
3 years ago

klo rename salah satu field gimana caranya ya

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