• Skip to primary navigation
  • Skip to main content
  • Skip to footer
Essential Premium WooCommerce Plugins - WP Desk
  • Plugins
  • Bundle
  • Support
  • Blog
  • My Account
  • 0

Stay updated on our how-to articles

WP Desk news, WooCommerce tips, promo codes - right to your inbox.

By entering your e-mail, you agree to our Terms & Conditions and Privacy Policy.

Bartosz Gajewski

WooCommerce Checkout Validation for fields (email address example)

Updated: January 02, 2023 / Checkout, Plugin Tutorials

In this article, I'll show you (probably) the best way to add the validation for the WooCommerce checkout form (for the e-mail address field) with a free plugin! As a result, you will learn how to validate WooCommerce checkout fields - both default and custom ones with error messages.

Have you ever wanted to implement checkout field validation in WooCommerce yourself to avoid additional programming costs?

In addition, wouldn't be great to customize your WooCommerce checkout fields, the validation, including error messages for free? Let's see how to use a free plugin to do that!

Table of contents

  1. WooCommerce Checkout Validation Plugin
  2. WooCommerce Checkout validation (email address example)
  3. Custom validation rules for developers
  4. More customization features

WooCommerce Checkout Validation Plugin

First of all, you need a plugin to customize your checkout fields, because WooCommerce lacks this crucial feature! Such a plugin should give you an option to:

  • change fields' names,
  • change the order of fields,
  • create new custom fields or edit existing ones,
  • hide the fields, make the required fields optional,
  • add the checkout field validation for address, email, or phone fields.

Therefore, we created a plugin that has all the features I have listed above. Furthermore, you can download it for free.

👉🏼Watch this video to have a look at what this plugin offers in the free version: 

👉🏼You can download the plugin here:

WooCommerce Checkout Validation by Flexible Checkout Fields

Use the built-in WooCommerce address validation for checkout fields or create your own rules. Manage your checkout fields and speed up WooCommerce!

Download for free or Go to WordPress.org
WP Desk
80,000+ Active Installations
Last Updated: 2023-03-13
Works with WooCommerce 7.1 - 7.5.x

Also, over 80,000 stores worldwide use the Flexible Checkout Fields plugin daily! Taka look at some reviews:

Flexible Checkout Fields Reviews
Users appreciate our WooCommerce address validation plugin!

That sounds like a good piece of code, right? 🤭

Our Flexible Checkout Fields plugin has WooCommerce checkout validation features built-in.

We wanted our plugin to be as easy as possible. So, we decided to make it as much WordPress-style as we can.

You will configure your checkout fields in a second because the design does not get in your way, but helps you achieve your goals smoothly.

checkout editor plugin with validation
Flexible Checkout Fields - your address validation plugin
As you see, Flexible Checkout Fields is not only a WooCommerce checkout validation plugin but also a powerful checkout customizer plugin (see more features).

WooCommerce Checkout validation (email address example)

1️⃣  First of all, you have to know that WooCommerce has built-in field validation. It can validate email, phone number, or postcode.

Flexible Checkout Fields lets you use these default validation rules on your custom checkout fields.

Furthermore, you can use your own validation. So, you may use Flexible Checkout Fields as an efficient WooCommerce checkout validation plugin!

How to configure WooCommerce checkout fields validation

You can configure validation right in the field settings:

WooCommerce checkout validation for email address with error messages
Validation fields - Advanced tab

There is a select box so you can simply select an option that you want (or do not use any validation at all).

Turn off checkout field validation

🚫  None - This is a default option for new fields, so no field validation will work in this case.

Default Validation

The field will have default validation turned on as a result of this option. The default validation works with:

  • Email field
  • Phone field
  • Postcode field
Default validation for checkout Fields in WooCommerce
Address validation WooCommerce - an example

Let's see an example of an invalid email address on the checkout page:

Invalid email address in the checkout
Email address field in checkout

🔴 Consequently, you'll see one of the WooCommerce checkout error messages:

Error messages in WooCommerce checkout: Invalid email address
WooCommerce checkout error messages - an example

📞 Email, Phone, or Postcode

So, you can use this validation also for your WooCommerce custom checkout fields.

Therefore - let's try it! Create a single-line text field and add validation to it. Email validation maybe?

email validation woocommerce plugin
Email validation: step by step
WooCommerce checkout validation - field settings
Address validation WooCommerce - Step 3

 

🔴 Next, we enter an invalid email address.

Invalid email address in a custom field
WooCommerce checkout error messages - en example

As a result of the WooCommerce checkout validation we receive the error messages:

Error messages in the WooCommerce checkout: Invalid email addresses
Validation error messages - final result in the checkout form

Of course, you can also use the phone and postcode field validation for your WooCommerce custom checkout fields.

Custom validation rules for developers

You can also add your own custom validation to Flexible Checkout Fields. If you are a developer or familiar with hooks and editing PHP code, it will be very easy.

💡  Learn how to add custom validation for WooCommerce checkout fields →

Checkout field validation & More customization features

Today, you have learned how to configure email address validation with the Flexible Checkout Fields plugin. This is a very powerful tool.

However, Flexible Checkout Fields is not only a WooCommerce checkout validation plugin. You can use it to manage all checkout fields in WooCommerce (including labels, placeholders, or CSS classes), rearrange them or add new custom fields!

💡  This playlist includes all video tutorials concerning the Flexible Checkout Fields plugin. Be sure to save it for later!

I hope this knowledge will help you customize and speed up your WooCommerce checkout!

If you have any questions, just use the comments section below.

PS. Maybe our WooCommerce Checkout Step-by-step Guide will be interesting for you!

More about checkout fields validation

  • EU VAT Number validation in checkout

    vat number validation in checkout=
    VAT Number WooCommerce validation. Find out how to validate EU VAT Number in WooCommerce checkout.

  • Add the EU VAT number in checkout

    add vat eu to woocommerce checkout
    How to add EU VAT field to checkout. The easiest way to add the EU VAT number field with a plugin.

Tweet

3 minutes read8747 views

Bartosz Gajewski

Content Specialist in WP Desk. He tries to increase the number of plugin users with useful content. Privately an enthusiast of mountains and European cinema.

Checkout Validation

Powered by WP Desk

WP Desk brings you great WooCommerce plugins. We strive to save your time and money by speeding up your processes. Use our plugins to build a better store. Awesome support included in the package.

Premium WooCommerce Plugins →

Stay updated on our how-to articles

WP Desk news, WooCommerce tips, promo codes - right to your inbox.

By entering your e-mail, you agree to our Terms & Conditions and Privacy Policy.

WP Desk › Checkout › WooCommerce Checkout Validation for fields (email address example)

Footer

WP Desk - WooCommerce Plugins

At WP Desk we create great WooCommerce plugins with awesome support. Save time and money with our e-commerce solutions. See how we can help you improve your e-store →

Secured by Comodo

WP Desk

  • About us
  • Giving Back
  • Blog
  • Contact us

Products

  • Premium Plugins
  • Get Support
  • WooCommerce Invoices
  • Email Marketing
  • Octolize

Legal

  • Terms & Conditions
  • Refund Policy
  • Support Policy
  • Privacy Policy

© 2023 WP Desk