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

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

Table of contents

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

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

✅ Let's manage the billing address section of the checkout easily with a FREE plugin 😊!

Checkout fields editor for WooCommerce

Flexible Checkout Fields features

👉🏽 Have a quick look at the most loved features of the plugin:

Obviously, the plugin lets you customize the WooCommerce Checkout page including the Billing address section.

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 😊!

Edit WooCommerce checkout fields - billing

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):

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.

The Flexible Checkout Fields free editor for WooCommerce allows adding custom checkout fields as well.

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