• 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

How to add the confirm email address field on the WooCommerce checkout page and verify it?

Updated: January 23, 2023 / Plugin Tutorials

In some situations default WooCommerce email validation is not good enough. Do your clients often enter the wrong email address on the checkout page? Then add the confirmation checkout field for the user email address verification for the WooCommerce checkout page. In this article, I’ll show you how to do this with the free plugin so that the customers can confirm the email address and your WooCommerce confirmation email reaches them safely!

Have you ever received WooCommerce orders with typos in the customer email address? It can cause additional work and frustrate your buyers, and you don't want that, do you?

Read how to let your customers confirm the email address with an additional WooCommerce custom checkout field and direct verification for the address. It will lower mistakes & prevent you from sending the WooCommerce order confirmation email to the void!

💡One tip here! There is a great and free email marketing & email customizer plugin for WooCommerce. You may build newsletter campaigns, send follow-up emails, and create better confirmation email templates in WooCommerce!

Table of contents

  1. Let's use the free checkout customizer for WooCommerce
  2. Let users confirm the email address in the WooCommerce checkout
  3. User email address verification for WooCommerce

The purchasing process is a very complex and fragile element for every eCommerce. Imagine all your hard work is destroyed by a trivial mistake like misspelled email address on the checkout page.

In the best scenario, you will have to spend some time answering your client.

In the worst one, your client will be annoyed. Even if it’s not your fault you will lose time or money.

Let's use the free checkout customizer for WooCommerce

There is a simple solution for that, and it is possible to achieve this with our free plugin! It’s Flexible Checkout Fields, and people love it. We have received a lot of positive feedback from users and over 80,000 stores worldwide use this plugin!

👉🏽The Flexible Checkout Fields plugin allows you to:

  • change fields' names,
  • change the order of fields,
  • create new, custom fields,
  • add validation to fields,
  • change fields' look.

👉🏽Watch this video to see how this plugin's settings panel looks like in:

Let the user confirm his email address field in the WooCommerce checkout

Follow the steps below to add a new field for user email address confirmation and further verification for the WooCommerce checkout form!

  1. Get the plugin

    Flexible Checkout Fields WooCommerce

    WooCommerce verify email address plugin. Add, edit and rearrange custom checkout fields with validation.

    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
  2. Add a new checkout field

    If you have the plugin installed and activated, you can go to WooCommerce > Checkout Fields.

    WooCommerce checkout fields - setttings
    Flexible Checkout Fields in the dashboard

    👉🏽In the billing section, add a new Text Field. Add a label and click on the Add Field button.

    woocommerce checkout verify email
    Add Text field to verify email address in the checkout
  3. Move the confirmation email field close to the email address

    Next, put the new field below your email address field. You can do this with simple drag and drop.

    woocommerce checkout field editor drag and drop
    Move the WooCommerce email confirm email address field
  4. Make the field required

    Set this field as Required.

    woocommerce verify email address required field
    Set the confirm email address field as required
  5. User email address and confirmation email address - Example

    With this setup, two email address fields will be displayed one below the other.

    Two checkout fields for user email verification for WooCommerce
    User email verification for WooCommerce. Final result.
  6. More customization options

    If you want to display them side by side, you can do this with CSS classes. Just add a special class in the Appearance section.

    In the first field, set it as form row first.

    woocommerce verify email address css styling
    CSS Class: Email address field

    In the second one, form row last.

    woocommerce verify email address css styling
    CSS Class: Confirm email address field

    With these CSS classes, both fields will be displayed side by side.

    Two email address confirmation checkout fields side by side
    CSS Styling for email address verification

User email address verification for the WooCommerce checkout field

If you have your fields, now it’s time to add custom validation.

💡We have special documentation about it, where you will find more useful examples like a user email address or phone validation.
  1. Use custom code for email address verification

    To confirm the user email address field for WooCommerce, and thus verify the customer input, we will use this code.

  2. Add the code to your functions.php file

    👉🏽Please remember to add the code again if you update or change your theme!

  3. The confirmation email address field

    👉🏽Next, go back to your checkout fields page, and refresh it.

    Now, you should be able to choose the Compare with billing_email option in the validation field. When you do that, save the changes.

    advanced email validation woocommerce checkout
    Select the Compare with billing_email WooCommerce email validation
  4. Confirm the email address field in the WooCommerce checkout

    👉🏽Let’s find out how it will work on the checkout page. Two email address fields aren’t the same.

    confirm the user email address field in the WooCommerce checkout
    User email verification for WooCommerce is ready 🎉

    👉🏽So, when I try to place an order, I get an error message.

    error message on the checkout page - user email address verification for WooCommerce
    Invalid confirm email address value - error message at checkout
  5. Verification error message

    You can also change the default error message, by editing this code.

    wc_add_notice( sprintf( __( 'Invalid %1$s value.', 'wpdesk' )

    To do that, just change 'Invalid %1$s value.'.

  6. Confirm other checkout fields

    You can similarly check other fields. Just edit the following code:
    $fcf_validation_confirm_field = new WPDesk_FCF_Validation_Confirm_Field( 'billing_email' );

    Change billing_email for other fields, like billing_my_custom_field.

    💡Read more about the Checkout Email Validation with the WooCommerce plugin.

Summary

In this article, I showed you how to add the user confirmation email address field for the WooCommerce checkout page.

👉🏽That feature will help you lower your clients’ errors, and secure your purchasing process.

I hope the article was helpful. Good luck!

💡Have a look at this Youtube video playlist where we have included all the video tutorials concerning the use of Flexible Checkout Fields.

Related to user email verification for WooCommerce

  • All about EU VAT number validation

    add woocommerce checkout message
    WooCommerce EU VAT number validation. Find out how to validate any custom fields in WC checkout.

  • All about WooCommerce fields validation

    woocommerce checkout fields validation
    Checkout fields validation. Everything you need to know about how to validate fields at WooCommerce checkout.

Tweet

3 minutes read9910 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.

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 › Plugin Tutorials › How to add the confirm email address field on the WooCommerce checkout page and verify it?

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