How to Easily Remove WooCommerce Checkout Fields (Plugins and PHP)

The checkout is one of the most important steps in any eCommerce store. If you want to be successful and boost your sales, you need to keep it lean. That’s why today we’ll show you how to remove WooCommerce checkout fields.

Some days ago, we gave you some tips on how to optimize your site. However, the last step of the sales funnel is crucial to close the sale so it needs special attention.

Did you know that more than 75% of users add a product to the cart but then leave the website without buying anything? One of the main reasons for shopping cart abandonment is that the checkout is too long or complicated. To avoid this, the checkout page must be simple. As a result, you should only show your customers the fields that are necessary to eliminate distractions.

How to remove checkout fields in WooCommerce

It’s important to note that WooCommerce default checkout fields cannot be deleted from the WordPress dashboard. In this tutorial, we’ll look at how to remove them in two different ways:

  1. Using a plugin.
  2. With a PHP script.

Using a plugin is the easiest way if you’re not a developer. The PHP script, on the other hand, allows you to remove any existing checkout fields and customize your WooCommerce store with a bit of coding.

There’s no better or worse method. You’ll get the same result with both of them so depending on your skills, you can choose the one that best suits you.

1) Remove WooCommerce checkout fields using a plugin

There are many tools to remove fields on the checkout page. Here we’re going to show you how to do it using two free plugins:

  • WooCommerce Checkout Manager.
  • Direct Checkout for WooCommerce.

Remove checkout with WooCommerce Checkout Manager

WooCommerce Checkout Manager is one of the best tools to remove checkout fields. This freemium plugin has a free version that you can download from the WordPress repository and 3 premium plans that start at 20 USD (one-time payment).

To remove any of the WooCommerce checkout fields simply follow these steps:

  1. Install and activate WooCommerce Checkout Manager.
  2. Go to the WooCommerce tab in your WordPress dashboard.
  3. Click on Checkout and then on the Billing tab.
  4. You’ll see a list of all the fields so just activate the disable option on the field you want to remove.

Short and sweet, wasn’t it? This plugin also lets you add new fields, make fields optional or required, change the order in which you display the fields, apply conditional logic, and more.

Remove checkout with Direct Checkout for WooCommerce

WooCommerce Direct Checkout is an excellent add-on designed to simplify the checkout process and the checkout page. Unlike WooCommerce Checkout Manager that allows you to both enable and disable fields, Direct Checkout helps you remove unnecessary fields and speed up the checkout process.

This is a freemium tool. It has a free version with basic features and 3 premium plans that start at 15 USD (one-time payment).

To delete fields from the WooCommerce checkout page with Direct Checkout you need to:

  1. Install and activate WooCommerce Direct Checkout.
  2. Go to the WooCommerce tab in your WordPress dashboard.
  3. Click on Checkout and then go to the Billing tab.
  4. Here, you’ll see a list of all the fields you can remove such as country, state, order comments, policy text, columns, and more.

If you want something quick and straightforward, these two plugins are an excellent choice. They allow you to easily remove WooCommerce checkout fields and optimize your store.

The main drawback of this method is that when you install a plugin, you’re modifying the code of your website. This increases its complexity and the chances of breaking something. As a result, a customized script could be a good method if you’re comfortable with writing a few lines of code.

2) Remove WooCommerce checkout fields with PHP script

NOTE: Before we start, we recommend you create a child theme. This way, instead of customizing the parent theme’s files, you’ll modify the child theme so your customizations won’t be overridden when you update the parent theme. If you don’t want to create a child theme, you can generate a complete backup of your site in case something goes wrong.

If you’ve checked our tutorial on how to edit WooCommerce checkout fields, you’ll be familiar with hooks. In this case, we will use the woocommerce_checkout_fields hook and we’ll call it quadlayers_remove_checkout_fields as follows:

add_filter( 'woocommerce_checkout_fields' , ' quadlayers_remove_checkout_fields ' );

This is a type of filter hook, which means that it must return something when you execute it. And what is it going to return? The data with the fields you want to remove.

For example, if you want to delete the last name field, you can use the following:

unset($fields['billing']['billing_last_name']);

After that, you need to insert it into a function with the same name you’ve used in the filter hook in the first step (quadlayers_remove_checkout_fields):

function quadlayers_remove_checkout_fields( $fields ) {

unset($fields['billing']['billing_last_name']); 

return $fields; 

}

Finally, insert the full script to remove the WooCommerce field last name in the functions.php file of a child theme as shown below:

add_filter( 'woocommerce_checkout_fields' , ' quadlayers_remove_checkout_fields ' ); 

function quadlayers_remove_checkout_fields( $fields ) { 

unset($fields['billing']['billing_last_name']); 

return $fields; 

}

If you want to delete any other field, you need to add the corresponding line. Below you can find available names of fields that you can remove:

unset($fields['billing']['billing_first_name']);

unset($fields['billing']['billing_last_name']);

unset($fields['billing']['billing_company']);

unset($fields['billing']['billing_address_1']);

unset($fields['billing']['billing_address_2']);

unset($fields['billing']['billing_city']);

unset($fields['billing']['billing_postcode']);

unset($fields['billing']['billing_country']);

unset($fields['billing']['billing_state']);

unset($fields['billing']['billing_phone']);

unset($fields['order']['order_comments']);

unset($fields['billing']['billing_email']);

unset($fields['account']['account_username']);

unset($fields['account']['account_password']);

unset($fields['account']['account_password-2']);

What can you do if you have removed some checkout fields that you want to display again? Simply delete the line of code that removes the specific field you want to show. For example, if you disabled the postcode field and now you want to add it again, you have to remove the following line:

unset($fields['billing']['billing_postcode']);

Bonus: How to remove the Additional Information Tab in WooCommerce?

The Additional Information tab comes by default in WooCommerce. As this tab is displayed only when the product has weight, dimensions, or attributes, sometimes it’s not very useful. There are two ways to remove the Additional Information tab:

  1. Via PHP: Editing the functions.php file.
  2. Via CSS: Editing the style.css file.

In terms of performance, the PHP method is better because it stops the tab from loading (instead of loading it and then hiding it). So here we’ll show you how to remove the Additional Information tab with a PHP script.

NOTE: To avoid losing your customizations when you update your theme, we recommend you apply these changes to your child theme.

  1. Go to your FTP and open the wp-content folder. Then, go to the theme and open your child_theme folder.
  2. There, open the functions.php file.
  3. Go to the bottom and insert the following code:
add_filter( 'woocommerce_product_tabs' , ' quadlayers_remove_product_tabs ' );

function ' quadlayers_remove_product_tabs '( $tabs ) {

unset( $tabs['additional_information'] );

return $tabs;

}

Remember to save the changes and then refresh the page. That’s it! You’ve removed the Additional Information tab!

Remove description tab and reviews

Additionally, you can get rid of the description tab and the reviews tab with the following code:

add_filter( 'woocommerce_product_tabs' , ' quadlayers_remove_product_tabs ' );

function ' quadlayers_remove_product_tabs '( $tabs ) {

unset( $tabs['description'] );
unset( $tabs['reviews'] );

return $tabs;
}

Which WooCommerce checkout fields should you remove?

So which checkout fields should you remove? It depends on whether you sell physical or digital products and how much information from your customers you want to get. However, keep in mind that longer checkout forms usually have lower conversions.

Customers tend to avoid long checkouts so here are some tips to keep the checkout page short:

  • If you sell digital products, remove all the fields related to shipping such as an address, postal code, city, and so on.
  • Only display mandatory fields. You can hide or collapse optional fields such as company name.
  • If you sell physical products, make the billing details the shipping details by default to hide unnecessary fields.
  • When possible, use autofill to reduce the time users spend filling in the form.
  • Use only one field for name. Instead of displaying 3 fields (first name, middle name, and surname), you could use a Full Name field.

Another option to reduce the steps on the checkout page and increase conversions is to use a quick buy button for WooCommerce.

Conclusion

In conclusion, your checkout page can have a huge impact on your business and give you a competitive advantage. Therefore, it’s key to optimize it and improve it as much as you can.

In this tutorial, we’ve seen two different ways to remove WooCommerce checkout fields. Each of them has its pros and cons so you should choose the one that best suits your skills and needs.

WooCommerce Checkout Manager and Direct Checkout are great plugins that allow you to disable fields in a fast and easy way. However, they make the code of the store more complex. The PHP function, on the other hand, requires some coding but it’s cleaner and won’t consume any resources. Apart from removing checkout fields, you can also improve the purchase process on your site by creating sales funnels.

Do you want to customize your checkout page? Have a look at our guide and learn how to edit checkout fields.

Which method did you choose? Do you know any other way to remove WooCommerce checkout fields? Leave a comment below and share your experiences with us.