Hide billing fields based on the shipping method in the WooCommerce checkout

In many cases, you don’t want to display all the default checkout fields in WooCommerce. In this article, I’ll show you how to hide or show checkout fields like billing, and shipping fields, or remove ship to a different address - based on the shipping method in WooCommerce.

Have you ever wished to remove WooCommerce checkout fields? For example, for a condition like shipping method, country, or custom needs?

Today, I will show you how to hide WooCommerce checkout fields (like billing, shipping, or additional information) with one plugin! Customize the WooCommerce checkout in a few minutes!

Table of contents

1. Remove billing and shipping fields in the WooCommerce checkout
2. Hide checkout billing fields based on the shipping method in WooCommerce
   • Use the WooCommerce Checkout editor plugin
   • Choose billing or shipping fields to hide from the checkout
   • Remove billing or shipping fields from the WooCommerce checkout
   • Hide billing fields based on custom conditions
   • Remove a city field from the WooCommerce checkout - Example
   • Remove a checkout field - Final result
3. Hide billing and shipping fields in WooCommerce - Summary

Remove billing and shipping fields in the WooCommerce checkout

In this article, I will customize the WooCommerce checkout billing and shipping fields with Flexible Checkout Fields PRO. It allows you to add, remove, show, or hide billing and shipping fields, also with conditions like shipping method!

Over 236,831 WooCommerce stores use this plugin and it’s well-rated with 4.7 out of 5 stars.

You can use this plugin to hide shipping fields for virtual products using conditional logic based on products or categories. But in this case, we are going to use conditional logic based on the shipping method. You can use it to hide WooCommerce checkout billing fields when your customer chooses the Cash on Delivery (COD) shipping method or shipping to access points.

Hide checkout billing fields based on the shipping method in WooCommerce

Let’s go to the practical part of this article. Follow the steps below to hide billing fields or shipping address fields (or the whole ship to a different address section) in the WooCommerce checkout!

1. Use the WooCommerce Checkout editor plugin

   I will use the Flexible Checkout Fields PRO plugin. After installation and activation, let's go to WooCommerce > Checkout Fields.

   

2. Choose billing or shipping fields to hide from the WooCommerce checkout

   Next, choose a section, where you want to hide checkout fields based on the shipping method. It can be from the WooCommerce checkout billing, shipping, or any custom section available in the Flexible Checkout Fields plugin.

    

3. Remove billing or shipping fields from the WooCommerce checkout

   Then, edit one of the billing fields that you want to hide. I’ll show it as an example of the City field, but it will work for all fields from the WooCommerce order form.

   Open the General settings.

   

4. Use conditions to hide billing fields

   Next, proceed to the Conditional Logic tab. Enable Shipping Methods Logic and choose to Hide this field.

   

   You can use this feature to remove or show any checkout fields based on custom conditions, for example, the shipping method.

5. Remove a city field from the WooCommerce checkout

   So now it’s time to add a new rule. Complete these dropdowns this way:

   

   1️⃣ In the first one, Shipping Zone, you can choose the shipping zone that includes your shipping method. Only shipping methods from that shipping zone will be displayed in the second field. In my case, it’s the USA.

   2️⃣ In the second field, Shipping Method, choose your shipping methods. If you are using our Flexible Shipping plugin, you’ll see shipping methods with the “Flexible Shipping:” prefix.

   Sometimes it can take a while to load all the shipping methods. Usually clicking again on this field after a few seconds, solves this issue.

   Now, you can apply the same rules to other checkout fields that you want to hide. Remember to Save Changes.
    

6. Remove a field from the checkout - Result

   That’s how it looks like in my store.

   

   As you can see, after I choose the Advanced shipping method, the City field is no longer displayed. It will work also with other WooCommerce checkout fields you want to remove like additional information, ship to a different address, or shipping address fields!

Hide billing and shipping fields in WooCommerce - Summary

In this article, I showed you how to hide checkout fields based on the shipping method in WooCommerce. You can also use it to display checkout fields only for certain shipping methods. I hope it will be useful.

Also, watch the video about removing the WooCommerce checkout fields: