• 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 Personalize the Shipping and Billing Address Section in WooCommerce?

Updated: January 12, 2023 / Plugin Tutorials

The WooCommerce shipping and billing address sections are the most important of the checkout. It works well by default. Sometimes you need something more. You can't change the field order or add more shipping fields to the WooCommerce checkout, can you? I'll teach you in this article how to customize these checkout sections the way you want!

👉🏼Would you like to add a custom shipping field in WooCommerce? Maybe shipping address fields are not showing correctly in the WooCommerce checkout form? Or you'd like to swap the billing and shipping address fields on the WooCommerce checkout page?

What if I tell you that all these things are possible to set up with one FREE plugin?

Table of contents

  1. WooCommerce Checkout - Billing & Shipping Fields
  2. Free WooCommerce checkout customization plugin
  3. Checkout Fields Configuration
  4. Customize the Shipping and Billing Address section in WooCommerce emails
  5. Summary & Read more about the plugin!

WooCommerce Checkout - Billing & Shipping Fields

Your customers have to provide their billing details while placing an order. There is an option to set a different shipping address too. A customer just needs to mark one checkbox on the checkout page.

default woocommerce billing and shipping section in the checkout
WooCommerce Billing and Shipping Fields in the Checkout form

It works very well by default. In most cases, there is no need to change that page. I guess you're here because you need something more 🙂

🎉So, you CAN personalize the checkout page the way you want:

  • set some fields as not required
  • disable any fields (eg. for digital goods)
  • change the field order (for example, swap the billing and shipping address fields)
  • and add your additional custom fields.

Free WooCommerce checkout customization plugin

👉🏼You'll need a simple plugin: Flexible Checkout Fields to do so. Over 80,000 WooCommerce stores use it daily.

Watch this video and see yourself what this plugin can offer you in the free version:

Start customizing your WooCommerce billing and shipping fields & checkout form for FREE and download this plugin:

WooCommerce shipping fields

This plugin will help you to enable shipping fields in WooCommerce. It's fast, it's easy, it's intuitive! Try it out and customize WooCommerce shipping fields.

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

Once you install it, you can configure the fields in the WooCommerce shipping and billing address checkout sections.

First, go to the WooCommerce → Checkout Fields menu. Here, you can switch between them using the tabs on the top of the screen (Billing and Shipping):

Add new field in Flexible Checkout Fields. Shipping and Billing in the WC Checkout
Flexible Checkout Fields - add a new field and edit WooCommerce shipping fields

👉🏼As you see, you can easily use the Add New Field or Edit Section options. You have such options as:

  • Enable Field
  • Required Field
  • Label
  • Validation

👉🏼There are many more features under the Appearance, Display On, and Advanced tabs. You can check them out by yourself. If you want to read more about them, then continue with this article.

Checkout Fields Configuration

Let's look at the configuration options.

1. Required Fields

Some fields in the Shipping and Billing Address sections are required. You can easily change that. Look:

 

billing address woocommerce
Billing address in the WooCommerce checkout. Optional fields example.

As you see, these fields are optional. You can also create new custom fields and set them as required:

woocommerce shipping fields
WooCommerce shipping fields. Required fields example.

👉🏼How? Simply mark or unmark the Required Field option:

required fields flexible checkout fields
Set any field as required in WooCommerce shipping fields.
💡Read more about WooCommerce Checkout Required Fields

2. Validation

You can use the default WooCommerce validation or your custom one.

Validation is very useful:

Error: Invalid email address

👉🏼If you want to add validation to your shipping and billing address sections, use our WooCommerce Checkout Validation Guide →

3. Display On

👉🏼You can configure where to display a field in there. By default, the plugin displays the field in all the locations:

  • Thank You Page
  • My Account Page - address section
  • My Account Page - orders section
  • in Emails

You can change it.

💡Check out our guide about WooCommerce My Account Custom Fields →

4. Appearance

Change the way your fields from WooCommerce shipping and billing sections look like.

👉🏼Set your custom class for a field:

custom css class
CSS class in WooCommerce shipping fields.

👉🏼This way you can change any field from this:

Radio field: default look
CSS styling by default

Into this (or anything you want):

Example of Radio Button styling
CSS custom styling
💡 Read more in our guide about Styling Custom Fields with CSS →

5. Conditional Logic

You can implement conditional logic to shipping and billing address sections.

💡 This feature is available in the PRO version of the plugin.

WooCommerce shipping fields

This plugin will help you to enable shipping fields in WooCommerce. It's fast, it's easy, it's intuitive! Try it out and customize WooCommerce shipping fields.

Add to cart or View Details
WP Desk
80,000+ Active Installations
Last Updated: 2023-03-15
Works with WooCommerce 7.1 - 7.5.x

So what is an example of conditional fields in WooCommerce? Taka a look:

I want an invoice checkbox - customize WooCommerce billing and shipping fields
Apply conditional logic to WooCommerce shipping fields

A customer needs to mark I want an invoice checkbox. After this action, new fields pop up.

👉🏼There are a lot of scenarios where you can use conditional logic. You can set up conditional logic for fields...

conditional logic example
Enable shipping address in WooCommerce with conditional logic

...the products/category...

conditional logic for product or category
Enable conditional logic for products or categories

...or selected shipping method.

conditional logic for shipping methods woocommerce
Enable shipping address in WooCommerce and set conditional logic

As you see, you need to go to the Advanced tab. You'll find all the options there.

Learn more about WooCommerce Checkout Conditional Fields →

💡 Also, read 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.

6. Other settings

The Flexible Checkout Fields plugin lets you add custom fields to other sections such as:

  • Order Notes
  • Customer Details
  • or Registration Form

💡Make use of it! Read our in-depth article about Customizing Checkout Page →

WooCommerce Checkout Fields Editor

As you see, the Flexible Checkout Fields plugin is very powerful. For us (the developers) this plugin is the best on the market 🙂

But don't just take our word for it, over 80,000 WooCommerce stores worldwide use it every day.

shipping plugin woocommerce checkout
Download Flexible Checkout Fields to enable shipping addres in WooCommerce

We often add new features or fix bugs in this plugin. And people appreciate it!

This plugin also utilizes the WordPress look & feel and is very easy to use due to the clean interface.

Review of Flexible Checkout Fields

You can find many more positive reviews like the one above! However, you don't have to take my word for it. You can download this plugin for free and check it out yourself!

WooCommerce shipping fields

This plugin will help you to enable shipping fields in WooCommerce. It's fast, it's easy, it's intuitive! Try it out and customize WooCommerce shipping fields.

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

Customize the Shipping and Billing Address section in WooCommerce emails

To customize the shipping and billing section in custom email templates, you may use a free plugin called ShopMagic. You can download it for free and design the emails in a drag-and-drop email builder.

The plugin lets create newsletters, follow-up emails, or messages to rescue abandoned carts. What's more, you can add there any custom fields because the Flexible Checkout Fields plugin is compatible with ShopMagic.

Add custom fields to your new email templates!

💡 I encourage you to visit the article about WooCommerce emails, the ShopMagic blog, and the plugin in the WordPress repository.

Summary

In this short article, I've shown you the simplicity of customizing WooCommerce shipping and billing address sections. How do you like it? Let me know in the comments section below.

Once you're here, you may need a guide through the WooCommerce checkout configuration. We have already created an awesome guide about WooCommerce Checkout Settings →

💡 You can find all Flexible Checkout Fields video tutorials on this Youtube playlist.

Related to WooCommerce shipping fields

  • WooCommerce checkout required fields

    woocommerce checkout required fields
    Everything about WC required fields. Customize required fields and enable shipping fields in checkout.

  • WooCommerce address validation

    email address validation
    How to validate email addres? Find out how to validate addres in WooCommerce checkout.

  • WooCommerce checkout CSS styling

    css woocommerce checkout
    Add radio buttons. How to CSS style your shipping fields in WooCommerce checkout.

  • WooCommerce checkout - Conditional fields

    woocommerce checkout conditional fields
    Use conditional fields in the checkout. Everything you need to know about adding conditional logic to checkout.

Tweet

4 minutes read82960 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 Personalize the Shipping and Billing Address Section in WooCommerce?

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