How to Edit Fields in WooCommerce Checkout

How to Edit Fields in WooCommerce Checkout

Liam Firth

Updated: 5th July 2019

If you have yet to install the WooCommerce plugin for your WordPress site, you may simply think of it as a simple, free plugin that does not offer much in the way of customization.  In fact, you would be hard-pressed to find another plugin that offers the same levels of potential.  Launched back in 2011, WooCommerce now supports an impressive slice of the evolving eCommerce market.  In fact, this simple plugin boasts over 1.6 million downloads from users across the globe.

This open-source platform offers users numerous features, with a great user-friendly interface.  This helps to make the WooCommerce plugin a great option for eCommerce start-ups looking to kickstart their online businesses. Also, this plugin won’t cost you an arm or a leg!

Being a free plugin hasn’t made WooCommerce a rigid platform.  In fact, you will find there is actually a lot of room to customize and tweak your own online store to showcase the unique elements of your brand.  In this article, we’re going to be focussing on how you can hide fields in your WooCommerce checkout.

WooCommerce Checkout Fields

If you’re already a WooCommerce user, you’ll be happy to hear that there is a handy plugin option that you can easily install for removing and creating new checkout fields.  This is called Checkout Field Editor.

The WooCommerce Checkout Field Editor plugin will give you access to an interface where you can easily edit, remove and also add new fields to your checkout page.  With this plugin, you’ll easily be able to add and remove fields from both the billing and shipping sections.  You can also insert new fields after both of these sections next to the standard ‘order notes’.

It’s fairly easy to customize the checkout fields offered on your WooCommerce store.  This can be done using both filters and actions.  Installing the WooCommerce Checkout Fields Editor will override any code already implemented on your site.

How Are Checkout Fields Loaded in WooCommerce?

In WooCommerce, both the shipping and the billing fields available at checkout pull from both the get_address_fields function and the countries class.  This allows users to either enable or disable fields in the WooCommerce checkout section based on the location of their users.  Before returning these specific fields, WooCommerce will automatically put these different fields through a filter.  This means that you can then edit the fields by themes and third-party plugins, as well as your own custom code.

If you choose to hook into the woocommerce_checkout_fields filter, you’ll easily be able to override any fields.  If you’re looking to hide fields in your WooCommece checkout, you’ll need to target a specific field.  To do this, you will first need to add the section where you’ll be able to locate the field.  This will either be order, account, shipping or billing.  Then, you’ll be able to specify the exact field.  Once you’re able to remove a checkout field, you can then access countless options, including hiding certain fields.

As you can see, when it comes to WooCommerce checkout, there are a countless number of conditions you can choose to add on or change.

WooCommerce Checkout FAQs

If your new to the Woocommerce Checkout, we have compiled a few key questions below that you might be asking.

How do I create a checkout page in WooCommerce?

  1. Go to: Pages > Add New or Posts > Add New.
  2. Make sure the editor is in Visual mode.
  3. Click the One Page Checkout icon.
  4. Click inside the Products field and type the product names to display.
  5. Select the products to display.
  6. Select the template to use for product selection fields.
  7. Click Create Short code.

How do I edit and disable checkout fields in WooCommerce?

  1. Go to: WooCommerce > Checkout Fields.
  2. There are the sets of fields you can edit
  3. Select disable fields
  4. Select Add field button
  5. Enter your text and preferences.
  6. Save changes.

How do I add a field to a checkout in WooCommerce?

  1. WooCommerce > Custom order fields
  2. Add field
  3. Create order field
  4. Enter your text and preferences.
  5. Save changes.

How do I enable shipping address in WooCommerce?

  1. WooCommerce > Settings
  2. Navigate to the Shipping tab
  3. Enter Shipping destination
  4. Choose either ‘Default to customer billing address’ or ‘default to customer shipping address’.
  5. Save changes

How do I turn off tax in WooCommerce?

  1. Go to WooCommerce > Settings
  2. Navigate to General
  3. Disable the taxes by unticking the relevant box
  4. Save changes.

How do I change my billing address in WooCommerce?

If you want to change the billing address in Woocommerce, you will need a bit of coding knowledge. We suggest checking out this article from the official Woocommerce site which provides all the information you need!

Want to find out more?

Already using the WooCommerce Checkout Field Editor plugin?  Let us know what you think in the comments below. If your looking for more help with the Checkout fields, contact us and we will ask our Woocommerce development team.

Liam Firth

Author Liam Firth

Liam is a Technical Lead with eight-years’ experience in Magento and WordPress development, as well as engineering AWS and DevOps. He likes sourcing new and shiny tech solutions for real-world problems. He is a Magento Professional Certified Developer.

More posts by Liam Firth