Cara Mengonfigurasi Validasi untuk Verifikasi Bidang Checkout WooCommerce (seperti Email)

Diterbitkan: 2018-08-30

Pada artikel ini, saya akan menunjukkan cara mengonfigurasi verifikasi email checkout WooCommerce otomatis. Anda akan dapat menggunakan validasi checkout WooCommerce default untuk bidang seperti email, alamat, telepon, atau bidang khusus Anda juga!

Pernahkah Anda menerima pesanan dengan alamat email yang salah eja dan pertanyaan dari pelanggan yang belum menerima pesan apa pun dari toko Anda?

Hari ini, Anda akan melihat metode untuk verifikasi bidang pembayaran WooCommerce . Dengan kata lain, saya akan menunjukkan contoh validasi email, tetapi Anda dapat menggunakannya untuk bidang apa pun.

Daftar isi

  1. Plugin Validasi Checkout WooCommerce
  2. Verifikasi lapangan WooCommerce Checkout yang terbaik
  3. Cara mengonfigurasi validasi email checkout WooCommerce
  4. Aturan validasi khusus untuk pengembang

Plugin Validasi Checkout WooCommerce

Pertama-tama, Anda memerlukan plugin untuk memvalidasi kolom checkout. Kami menciptakan solusi lengkap untuk manajemen bidang checkout karena WooCommerce kekurangan hal penting itu.

Nama plugin kami adalah Flexible Checkout Fields . Dan orang-orang menyukainya!

bidang checkout fleksibel di repositori WP
Plugin validasi email pembayaran WooCommerce

Kami telah menerima banyak umpan balik positif dari pengguna. Juga, lebih dari 80.000 toko di seluruh dunia menggunakan plugin ini!

Orang-orang menghargai kedua fitur...

Ulasan pertama

... dan dukungan kami:

Ulasan kedua

Plugin untuk manajemen bidang checkout akan memberi Anda opsi untuk:

  • mengubah nama field,
  • mengubah urutan bidang,
  • buat baru, bidang khusus,
  • tambahkan validasi ke bidang,
  • mengubah tampilan bidang.

Bidang Checkout Fleksibel memiliki semua fitur ini. Selain itu, Anda dapat mengunduh plugin ini secara gratis!

Bidang Checkout Fleksibel WooCommerce

Plugin validasi checkout WooCommerce. Manajer bidang checkout ini akan membantu Anda memvalidasi bidang email dalam sekejap.

Buka validasi email atau Buka WordPress.org
80.000+ Instalasi Aktif
Terakhir Diperbarui: 13-03-2023
Bekerja dengan WooCommerce 7.1 - 7.6.x

Anda akan menyukai antarmuka sederhana ini

Kami memutuskan untuk membuatnya dengan gaya WordPress sebanyak yang kami bisa. Desain ini akan terkenal bagi Anda sebagai pengguna WordPress/WooCommerce.

Tonton video ini untuk melihat tampilan plugin validasi checkout WooCommerce ini:

Lihat daftar putar video Youtube ini di mana kami telah menyertakan semua tutorial video tentang penggunaan Bidang Pembayaran Fleksibel.

Selain itu, desainnya tidak menghalangi Anda tetapi membantu Anda mencapai tujuan dengan lancar.

Karena upaya kami, Anda akan mengonfigurasi plugin ini dalam sekejap!

Verifikasi lapangan WooCommerce Checkout yang terbaik

Yang terpenting, Anda harus tahu bahwa WooCommerce memiliki validasi kolom bawaan termasuk email, nomor telepon, atau kode pos.

Bidang Checkout Fleksibel memungkinkan Anda menggunakan aturan default ini untuk validasi bidang checkout kustom Anda.

Dengan cara ini Anda dapat dengan mudah menambahkan verifikasi email ke checkout WooCommerce Anda!

Selanjutnya, Anda dapat menggunakan validasi khusus Anda. Oleh karena itu, pengguna kami memuji Bidang Checkout Fleksibel sebagai plugin validasi checkout WooCommerce yang efisien!

Cara mengonfigurasi validasi email checkout WooCommerce

Pertama, Anda dapat mengonfigurasi validasi email checkout WooCommerce dengan dua cara. Itu semua tergantung pada kebutuhan Anda. Kamu bisa:

  • nonaktifkan validasi pada bidang Email default
  • tambahkan validasi email ke bidang khusus Anda

Anda dapat menemukan opsi di konfigurasi bidang:

Aktifkan validasi bidang checkout WooCommerce seperti email, alamat, atau telepon
Validasi email default di halaman pembayaran WooCommerce

Ada kotak pilih sehingga Anda cukup memilih opsi yang Anda inginkan:

  • Bawaan
  • Tidak ada
  • Surel
  • Telepon
  • Kode Pos

Secara default, hanya beberapa bidang yang memiliki validasi bawaan. Validasi checkout WooCommerce default berfungsi untuk bidang Email, Telepon, dan Kode Pos. Kolom ini mengaktifkan opsi "Default". Anda dapat mematikannya jika perlu dengan opsi Tidak Ada . Dengan cara ini Anda dapat menonaktifkan validasi email checkout WooCommerce default.

Hasilnya, Anda dapat melihat bidang dengan validasi default bawaan di bawah:

Validasi Bidang Checkout Default di WooCommerce
Validasi email checkout WooCommerce secara default

Secara default, ini memvalidasi bidang seperti ini:

validasi email woocommerce
Validasi email checkout WooCommerce secara default

Anda akan melihat pesan kesalahan sebagai hasilnya...

alamat email penagihan bukan alamat email yang valid.
Pesan error validasi email

untuk alamat email yang tidak valid.

alamat email salah

Untuk memperjelas, Anda dapat menggunakan validasi email pembayaran WooCommerce ini untuk bidang khusus Anda.

Buat bidang khusus Anda dan pilih Email dari kotak Jenis bidang teks di konfigurasi bidang:

bidang kustom bidang checkout fleksibel
Plugin validasi pembayaran WooCommerce: Pilih jenis bidang Email
bidang checkout yang fleksibel, validasi email, checkout woocommerce
Plugin validasi checkout: atur validasi default untuk email

Jadi, mari kita coba. Masukkan alamat email yang tidak valid.

Validasi bidang Checkout WooCommerce
Email tidak valid di checkout WooCommerce

Terakhir, lihat hasilnya:

Validasi Email Checkout WooCommerce - pesan kesalahan

Demikian pula, Anda dapat menggunakan validasi telepon dan kode pos di bidang khusus Anda dengan cara yang sama.

Aturan validasi khusus untuk pengembang

Anda juga dapat menambahkan validasi khusus ke Bidang Checkout Fleksibel. Jika Anda seorang pengembang atau terbiasa dengan hook dan mengedit kode PHP, itu akan sangat mudah. Pelajari cara menambahkan validasi khusus ke WooCommerce →

Apakah Anda siap menggunakan validasi email checkout WooCommerce di toko Anda?

Terakhir, Anda telah mempelajari cara mengonfigurasi validasi di plugin Flexible Checkout Fields. Ini adalah alat yang sangat ampuh.

Namun, Bidang Checkout Fleksibel bukan hanya plugin validasi checkout.

Anda dapat menggunakannya untuk mengelola bidang (termasuk label, placeholder, atau kelas CSS), menyusun ulang, atau menambahkan bidang khusus baru.

Singkatnya, saya harap pengetahuan ini akan membantu Anda dengan toko Anda! Jika Anda memiliki pertanyaan, cukup gunakan bagian komentar di bawah ini.

Demikian juga, menurut saya Panduan Langkah demi Langkah WooCommerce Checkout kami akan menarik bagi Anda.