Cara Menonaktifkan Validasi Kode Pos WooCommerce

Share on facebook
Share on google
Share on twitter
Share on linkedin
Tutorial Menghapus Kode Pos WooCommerce

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.

Menghapus Kode Pos WooComerce

Cara menonaktifkan validasi kode pos WooCommerce secara manual

Saya kami 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.

Evo Syah

Evo Syah

Leave a Replay

Tentang

Loves to surfing on Internet, with hobby in solve error, be #1, focuses on exploring and finding end of internet.

Tentang

Loves to surfing on Internet, with hobby in solve error, be #1, focuses on exploring and finding end of internet.

Dapatkan Notifikasi Informasi Terbaru