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

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:

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

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.

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.

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:

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

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.

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

Radio and select fields

These custom fields have an additional setting - Options:

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:

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

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

Advanced settings for billing fields

That is just the beginning.

✅ You can style the fields:

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

✅  Finally, you may use Conditional Logic to customize your checkout even more (in 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:

2. You can remove the new WooCommerce checkout fields, you've added to the Billing section, with 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):

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.