Most of the time, customers prefer to skip the email field if it is optional. But the problem is that the email field is mandatory in WooCommerce checkout, and to make it optional or completely remove it, you need to use custom code or a checkout editor plugin.
In today’s article, I’ll walk you through the step-by-step process to remove the email field from WooCommerce checkout without using any custom code. I’ll be using the AIO Checkout plugin to remove the email field.
Without any further ado, let’s jump straight into the tutorial.
On This Page
- 1 How to Remove the Email Field From WooCommerce Checkout?
- 1.1 1. Install and Activate the AIO Checkout Plugin
- 1.2 2. Navigate to the AIO Checkout
- 1.3 3. Create a New Checkout Form
- 1.4 4. Remove the Email Field From the Checkout
- 1.5 5. Select the Design of the Checkout Form
- 1.6 6. Enable the Checkout
- 1.8 7. Save Changes
- 1.9 8. Final Results
- 2 Wrapping Up
How to Remove the Email Field From WooCommerce Checkout?
As I mentioned earlier, I’d be using the AIO Checkout plugin to remove the email address field from WooCommerce checkout. Follow the following steps to do so.
1. Install and Activate the AIO Checkout Plugin
First, download the AIO Checkout plugin from the Woosuite store. It is free for now, and you can get it by submitting the form.
Once you have downloaded it, navigate to the Plugins » Add New from your WordPress admin dashboard, and click the Upload button to upload the downloaded file to install and activate the plugin.
Once you have installed and activated the plugin, navigate to AIO Checkout from your WordPress dashboard.
3. Create a New Checkout Form
Click the “Create New Checkout” button to create a new checkout form.
4. Remove the Email Field From the Checkout
Once you click the button, a new checkout form will create. It’ll be the default WooCommerce checkout form, but you can completely customize it and remove any field you want. You can also add custom fields like birthday fields, VAT number field, etc.
To remove the email address field, you need to hide it from the billing and shipping details sections. There are two things you can do.
- Remove the Email Address Field
- Make the Email Address Field Optional
I’ll explain both methods one by one.
4.1. Remove the Email Address Field From Checkout
To remove the email field, click the black Eye Icon on the email field. It will hide/remove it from the checkout.
You can also remove it from the shipping details section if you want.
4.2. Make the Email Address Field Optional
The other option is to make it an optional field, so if customers want, they can enter their email address field.
Click the black Gear Icon on the email field to make it optional.
Once you click the icon, a popup will slide in from the right side of your screen from where you can control the appearance and other settings of the field.
4.2.1. Uncheck the Required Field
Uncheck the required field from the popup to make the email field optional.
5. Select the Design of the Checkout Form
Once you have removed the email field, click the “Design” tab to select the form’s design. You can choose the design as
- Single Column
- Two Columns
I have used the “Single-Column” design for this tutorial, but you are free to choose any of them.
To select it, select the “Single-Column” button.
For this tutorial, I am keeping i
6. Enable the Checkout
After that, click the ‘Settings’ tab and enable the checkout form by toggling the ‘Enable’ button.
6.1. Give a Name to the Form
Now we need to give a name to this form. It will only be displayed to the admin. It is helpful if you have created different checkout layouts for different user roles.
You can also display this checkout to specific user roles. I am keeping it to “Everyone,” but it depends on your needs.
7. Save Changes
Now click the green “Save” button at the top right corner of your screen to save the settings.
8. Final Results
Congratulation on successfully removing the email address field from the WooCommerce checkout!
Now let’s see the changes.
To test it, visit your store’s checkout page, and you will see a new checkout design created by the AIO Checkout plugin.
You’ll also notice that the email field has been removed from the checkout. Following are the results using both methods.
That’s it. Now you know how to remove the email address field from the WooCommerce checkout.
If you’re having issues with your WooCommerce checkout, the AIO Checkout plugin may be able to help. It is developed specifically to improve and customize the WooCommerce checkout.
I hope you found this article helpful and that you successfully removed the email field from the checkout of your WooCommerce. Please leave questions in the comments section below or contact our customer service if you have any questions.
The customer service team responds quickly to your questions and assists you. They usually respond within 24 hours.
Download the AIO Checkout plugin to create a WooCommerce custom checkout field!