WooCommerce – How to Remove Checkout Fields? (with video)

How to Remove Checkout Fields?

Last updated - October 24, 2024

The checkout page of an eCommerce store plays an important role in customer experience. In this article, we will discuss how to remove checkout fields and personalize the page.

When customers are on the checkout page, they will see different fields to be filled in before making the purchase. WooCommerce displays a set of fields on the checkout page by default. Depending on the nature of your business, you can hide some of these fields using the WooCommerce Customizer. Let’s see how.

Why should one Remove Checkout Fields from WooCommerce?

Tedious checkouts are one of the major reasons why customers abandon their carts. When a product is added to the cart, a customer requires an easy process and getting away with their purchase without the need to enter too much information.

For example, a customer is ready to pay for items in their cart. However, they encounter a roadblock during the checkout process. The online store requests excessive information beyond the standard address and payment details.

The customer would feel irritated and might leave the store without making the purchase.

As cart abandonment holds a serious lookout, it is necessary to make the checkout process as simple as possible hence the requirement to remove checkout fields.

How to Remove Checkout Fields in WooCommerce?

A normal checkout page looks like this:

Normal-checkout-page

There are three different easy ways can help remove checkout fields and let’s understand each of them.

Method 1: Removing checkout fields using WooCommerce Customizer

Navigate to the WooCommerce Customizer from the WordPress admin panel through Appearance > Customize > WooCommerce > Checkout.

You can remove three fields from the checkout page here. These are the Company name field; Address line 2 field; and phone field. Select the ‘Hidden’ option from the drop-down for all three fields.

Click the Publish button. Now you can see these three fields are removed from the checkout page.

You can remove three fields from the checkout page using the default WooCommerce customizer.

However, you may want to hide other fields on the checkout page as well. For example, if you are selling downloads, you may want to delete the address fields altogether. Let’s see how we can do this.

Method 2: Using a code snippet to remove checkout fields

You can add the below code snippet to the Functions.php file of your theme. This will remove all the possible fields from your checkout page. You will have to make changes to the snippet according to your specific needs.

/**
Remove all possible fields
**/
function wc_remove_checkout_fields( $fields ) {
// Billing fields
unset( $fields['billing']['billing_company'] );
unset( $fields['billing']['billing_email'] );
unset( $fields['billing']['billing_phone'] );
unset( $fields['billing']['billing_state'] );
unset( $fields['billing']['billing_first_name'] );
unset( $fields['billing']['billing_last_name'] );
unset( $fields['billing']['billing_address_1'] );
unset( $fields['billing']['billing_address_2'] );
unset( $fields['billing']['billing_city'] );
unset( $fields['billing']['billing_postcode'] );
// Shipping fields
unset( $fields['shipping']['shipping_company'] );
unset( $fields['shipping']['shipping_phone'] );
unset( $fields['shipping']['shipping_state'] );
unset( $fields['shipping']['shipping_first_name'] );
unset( $fields['shipping']['shipping_last_name'] );
unset( $fields['shipping']['shipping_address_1'] );
unset( $fields['shipping']['shipping_address_2'] );
unset( $fields['shipping']['shipping_city'] );
unset( $fields['shipping']['shipping_postcode'] );
// Order fields
unset( $fields['order']['order_comments'] );
return $fields;
}
add_filter( 'woocommerce_checkout_fields', 'wc_remove_checkout_fields' );

Edit the snippet according to your requirements so that the correct fields are removed.

If you are not sure about how to update a code snippet in the Theme functions file, refer to our article with a video explaining the process of updating code snippets on your WordPress site.

For example, we have edited the code snippet so that it will remove the address fields from the checkout page.
/**
Remove all possible fields
**/
function wc_remove_checkout_fields( $fields ) {
// Billing fields
unset( $fields['billing']['billing_state'] );
unset( $fields['billing']['billing_address_1'] );
unset( $fields['billing']['billing_address_2'] );
unset( $fields['billing']['billing_city'] );
unset( $fields['billing']['billing_postcode'] );
return $fields;
}
add_filter( 'woocommerce_checkout_fields', 'wc_remove_checkout_fields' );

Copy the snippet and add it at the end of your Functions.php file. Once you save the file, you will see the address fields are removed from the checkout page.

Method 3: Using the Checkout field editor plugin

If editing the theme functions file is too complicated, you can try the Checkout Field Editor plugin.

WooCommerce-Checkout-Field-Editor-Theme-High

First, you have to install and activate the plugin. You can specify the fields to be removed on the plugin settings page. For this example, we will remove the ‘last name’ field. Click the checkbox next to the billing last name field and the Remove button. Then click the Save Changes button. Now, customers on the checkout page will not see the last name field.

With the help of this plugin, you can easily remove any fields you want from the checkout page.

This way you can remove any field of your choice from the checkout page. The plugin also helps you add new fields as well as reorganize the order of display.

Final Wrap

Understanding how to remove checkout fields is essential to ensure that none of your valuable customers skips their purchase due to the never-ending checkout process. Hopefully, this article will help you remove different fields and personalize your checkout page for an optimized experience for your customers.

FAQs

  1. Why should you remove unwanted checkout fields?

You should remove checkout fields if they are hindering a smooth checkout process with complicated and unnecessary delays. 

  1. Can you remove checkout fields without the help of a third-party plugin?

Yes, WooCommerce default settings and inducing some relevant code snippets can help in removing the checkout fields from a WooCommerce store.

  1. Is cart abandonment a possibility with a tedious checkout process?

Yes, customers tend to move past the shopping website if they find there’s too much delay in entering information at the checkout process.

  1. How do I remove checkout fields in WC?

To remove extra checkout fields in WooCommerce, go to Appearance > Customize > WooCommerce > Checkout and disable the unnecessary fields.

  1. How do I remove the company field from the checkout in WooCommerce?

To remove unnecessary fields (Company Name, Address Line 2, Phone) from your WooCommerce checkout, go to Appearance → Customize → WooCommerce → General → Checkout and disable them.

Further reading