Apakah Anda ingin menghapus kolom kode pos? Dalam tutorial ini, saya akan menunjukkan cara menonaktifkan validasi kode pos WooCommerce untuk meningkatkan konversi dan pengalaman pengguna di halaman checkout Anda.
Mengapa menghapus validasi kode pos WooCommerce?
Memiliki halaman checkout yang optimal dan mudah digunakan adalah kunci keberhasilan toko online. Anda harus mengedepankan pengalaman pengguna dan menghilangkan gangguan apapun yang akan memberikan kesan buruk terhadap pengguna.
Seperti contoh memberikan pengalaman pembelian hingga pembayaran yang cepat dan mudah bagi pelanggan Anda.
Secara default, kolom kode pos pada pada WooCommerce diperlukan untuk melakukan validasi. Sering kali ketika pengguna mengetik teks di kolom kode pos, WooCommerce akan menampilkan notifikasi kesalahan dan tidak akan melanjutkan proses pembayaran.
Jadi dalam panduan ini, saya akan menunjukkan kepada Anda, bagaimana cara menonaktifkan validasi kode pos WooCommerce di Halaman Checkout.
Cara menonaktifkan validasi kode pos WooCommerce secara manual
Saya akan memodifikasi file functions.php dari theme WordPress, sebelum memulai, saya sarankan bagi Anda untuk membuat child theme terlebih dahulu. Anda dapat memeriksa panduan saya untuk membuat child theme dengan mudah.
Langkah awal untuk menghapus validasi kode pos di WooCommerce, Anda dapat buka halaman produk dan tambahkan produk ke keranjang dengan mengklik tombol Tambahkan ke keranjang. Sekarang, mari kita lihat beberapa opsi menonaktifkan validasi kode pos WooCommerce secara manual.
- Menghapus Kode Pos dari halaman checkout WooCommerce
- Membuat Kode Pos opsional
Menghapus Kode Pos dari halaman checkout WooCommerce
Salah satu opsi untuk menonaktifkan validasi kode pos adalah dengan menghapus kolom kode pos dari halaman checkout WooCommerce. Caranya cukup mudah untuk dilakukan, untuk menghapus kolom kode pos dari halaman checkout, Anda cukup menyalin dan tempelkan script dibawah di akhir file functions.php pada Child Theme Anda.
/**
* Menonaktifkan Kode Pos di Halaman Checkout
* @evosyah.com
*/
add_filter( 'woocommerce_checkout_fields' , 'evo_remove_billing_postcode_checkout' );
function evo_remove_billing_postcode_checkout( $fields ) {
unset($fields['billing']['billing_postcode']);
return $fields;
}
Saya menggunakan woocommerce_checkout_fields untuk menonaktifkan validasinya.
Menjadikan kolom Kode Pos Opsional
Alternatif lain untuk menonaktifkan validasi kode pos di halaman checkout WooCommerce adalah membuat pilihan opsional. Untuk melakukannya, tempelkan script berikut di akhir file functions.php.
/**
* Membuat Kolom Kode Pos Opsional
* @evosyah.com
*/
add_filter( 'woocommerce_default_address_fields' , 'evo_optional_postcode_checkout' );
function evo_optional_postcode_checkout( $p_fields ) {
$p_fields['postcode']['required'] = false;
return $p_fields;
}
Di sini, saya menggunakan woocommerce_default_address_fields untuk menjadikan validasi kode pos sebagai pilihan opsional.
Kesimpulan
Anda telah melihat cara menonaktifkan validasi kode pos WooCommerce untuk meningkatkan rasio konversi dan pengalaman pengguna. Selain itu, Anda juga belajar untuk menyesuaikan halaman checkout dengan menjadikan kolom kode pos sebagai pilihan opsional dan menghapus kolom kode pos dari checkout.