• 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

How to remove and add billing fields in the WooCommerce checkout?

Updated: January 19, 2023 / Checkout, Plugin Tutorials

Billing fields fill the default section of the WooCommerce checkout page. Learn how to remove billing address fields, edit them, and add new fields to the WooCommerce checkout with a plugin! Let's begin!

Sometimes you may lose some of the buyers because of too many billing fields in the WooCommerce checkout form!

Let me show you how to manage the billing address section of the checkout with a free plugin to change that!

Table of contents

  • WooCommerce Checkout - Billing Address fields
  • Edit WooCommerce Billing fields
  • Add custom fields
  • Remove billing fields in the WooCommerce checkout page
  • Summary & more about the plugin

WooCommerce Checkout - Billing Address fields

Let's see the default Billing in the checkout:

WooCommerce Billing section by default
WooCommerce Billing fields by default

It's quite obvious you may want to change a few things, for example:

  • edit the existing billing fields,
  • make a field required or optional,
  • add new fields,
  • remove some of the billing fields,
  • or simply reorder the fields.

Let's see how to do each thing with a free plugin!

Flexible Checkout Fields features

Flexible Checkout Fields WooCommerce

Edit, add new or hide unnecessary fields from the WooCommerce checkout form. It's all about conversions and better user experience.

Download for free or Go to WordPress.org
WP Desk
80,000+ Active Installations
Last Updated: 2023-03-13
Works with WooCommerce 7.1 - 7.5.x

The plugin lets you customize the WooCommerce Checkout page including the Billing address section. We have created other guides about this plugin's features. I'll link them at the end of this article.

Edit WooCommerce Billing fields

After installing and activating the plugin, go to WooCommerce → Checkout Fields.

The plugin lets you edit WooCommerce billing fields
The plugin lets you edit WooCommerce billing fields

Choose a field and edit its properties. You can rename the field label and save changes.

It is also possible to make a WooCommerce billing field not required, for example, a state or address.

You can manage billing, shipping, and order fields. More sections (visible on the screenshot) are available in PRO.

Add custom fields

You can also add new fields.

To do that, go to WooCommerce → Checkout Fields. In the Billing section, select Field type, enter a Label, and click the Add Field button:

WooCommerce Checkout Fields: Add new field
Add a new text field for WooCommerce billing fields edit

👉🏽  Now you can configure the field you have just added.

WooCommerce Fields Settings
Customize text fields in the billing section

You can set the field as required if you want a customer to have to provide some value to the field. It won't be possible to place an order without filling in the field.

👉🏽  Go to the Advanced tab to select the validation you need. In my case, I have chosen None.

New text fields in the WooCommerce checkout
WooCommerce additional fields validation

This option lets you validate what a customer provides to the field.

💡 You'll find more information about this feature in our article WooCommerce Checkout Validation →

Radio and select fields

These custom fields have an additional setting - Options:

WooCommerce billing fields edit
Options in the Radio button settings
💡 On the Flexible Checkout Fields' settings screen, you can also rearrange the default or custom fields.

Field types

👉🏽 You can place a lot of custom fields of different types in the billing section. These are some examples:

  • Text
  • Textarea
  • Number
  • E-mail
  • Phone
  • URL
  • Checkbox
  • Color
  • Headline
  • Paragraph
  • Image
  • HTML
  • Multi-checkbox (PRO)
  • Select (PRO)
  • Multi-select (PRO)
  • Radio (PRO)
  • Date (PRO)
  • Time (PRO)
  • Radio with images (PRO)
  • Radio with colors (PRO)
  • File Upload (PRO)
  • Hidden (PRO)

That's what they look like:

Custom Fields
WooCommerce Billing Fields edit with a plugin
💡  You can set your styling if you want to. I used the default one with the Storefront theme.

Also, you can place two custom fields in one line:

WooCommerce Custom Billing Fields in one line
Add and remove billing fields in the WooCommerce checkout page

You can download this plugin for free, if you need more types of custom fields just upgrade to the PRO version.

💡While the free version is quite complete, you might need the PRO version later on, as it lets you add additional custom fields, pricing and conditional logic.

Flexible Checkout Fields WooCommerce

Edit, add new or hide unnecessary fields from the WooCommerce checkout form. It's all about conversions and better user experience.

Download for free or Go to WordPress.org
WP Desk
80,000+ Active Installations
Last Updated: 2023-03-13
Works with WooCommerce 7.1 - 7.5.x
💡 Here is a Youtube playlist with all video tutorials concerning the use of Flexible Checkout Fields. Save it for later, maybe you'll need it once you use the plugin.

Advanced settings for billing fields

That is just the beginning.

✅ You can style the fields:

Edit and customize WooCommerce billing fields
CSS Class styling with Flexible Checkout Fields

✅  You can also manage where to show the fields with the Display On feature:

WooCommerce Custom Billing Fields: Display On
Display On tab

✅  Finally, you may use Conditional Logic to customize your checkout even more (in PRO):

Field's advanced settings
You can also add conditional logic with Flexible Checkout Fields PRO

Read about all of this in our Simple Guide to Configure Custom Fields →

Also, find out a dedicated guide about WooCommerce Checkout Conditional Logic →

Remove billing fields in the WooCommerce checkout

In the plugin settings, open the Billing section to manage the fields in that part of the checkout form.

1. You can simply disable the field:

WooCommerce checkout remove fields
Disable the field by unmarking the Enable checkbox

2. You can remove the new WooCommerce checkout fields, you've added to the Billing section, with the trash icon:

This is how to remove billing details from WooCommerce checkout
Remove billing fields WooCommerce by clicking the trash icon

3. Finally, you may also hide the field based on some conditions (with Conditional Logic in the PRO version of the plugin):

How to remove WooCommerce checkout fields
Set conditional logic rules to hide WooCommerce checkout fields
Visit the product page to see all features and read the plugin documentation!

Summary & more about the plugin

You have already learned how to edit, add, and remove fields in your WooCommerce checkout page.

If you have any questions let us know. We're looking for your feedback.

Related to WooCommerce checkout fields

  • WooCommerce shipping fields

    woocommerce shipping fields
    Shipping fields in WC checkout. If you are interested in WooCommerce billing fields, you will find this article about shipping fields gripping too.

  • WooCommerce address validation

    woocommerce address validation
    Validate address in checkout. Find out how to enable the address validation in the WooCommerce checkout.

Tweet

3 minutes read3114 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 › Checkout › How to remove and add billing fields 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