• 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

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

Updated: December 16, 2022 / Plugin Tutorials

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 235,343 WooCommerce stores use this plugin and it’s well-rated with 4.6 out of 5 stars.

Flexible Checkout Fields PRO WooCommerce £59

Hide billing fields and remove the shipping address in the WooCommerce checkout with ease! This plugin will help you with this issue. Additionally, you can hide the whole ship to a different address section in WooCommerce with a few clicks!

Add to cart or View Details
WP Desk
80,000+ Active Installations
Last Updated: 2022-11-22
Works with WooCommerce 6.7 - 7.1.x

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.

    Checkout Fields Settings
    Flexible Checkout Fields settings - use the plugin to hide ship to a different address in WooCommerce.
  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.

    Hide billing fields - chose a field to remove from the WooCommerce checkout
    Hide billing fields - chose a field to remove from the WooCommerce checkout
  4. Use conditions to hide billing fields

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

    conditional logic flexible checkout fields
    Hide fields from the billing section in the WooCommerce checkout

    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:

    remove the city field in WooCommerce checkout - billing section
    Conditional Logic to help you with the WooCommerce checkout

    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.

    Hide checkout fields in the billing section in the WooCommerce checkout
    Hide checkout fields in the billing section in the WooCommerce checkout

    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!

Also, read how to hide a WooCommerce checkout field for a specific country!

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:

Read more about how to remove shipping address in WooCommerce

  • Add conditional logic to the WooCommerce checkout

    woocommerce conditional checkout fields
    How to remove shipping address? Tips on how to remove a country from checkout in WooCommerce using conditional logic.

  • Flexible Checkout Fields: Documentation

    hipping plugin woocommerce
    Flexible Checkout Fields: Documentation Configure custom sections to remove ship to a different address in the WooCommerce checkout.

Tweet

3 minutes read4858 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 › Hide billing fields based on the shipping method in the WooCommerce checkout

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