Add Extra Fields to the WooCommerce Checkout like location picker for Brazil

Are you selling to customers from specific countries? Let me show you how to customize your WooCommerce checkout page with extra fields, for example, a location picker for buyers from Brazil! Let's use the free checkout fields editor to personalize the WooCommerce order page to your needs!

Did you know you may lose customers because of a badly-designed checkout page?

Use this guide to add extra fields and optimize your WooCommerce checkout.

Default WooCommerce checkout page

After installation of WooCommerce, you will see the default order form:

It may not be enough for you. I will show you a free plugin to customize the checkout page.

Add extra fields with a plugin

This is how you add a location picker for customers in Brazil 🌎 !

You can use a free input field:

Or a select or Select field with locations in the PRO version of the plugin:

In the PRO version of the plugin, you may also use conditional logic to hide fields based on the value of another fields!

Add your first WooCommerce checkout extra field

Firstly, take a look at how to add a custom field. That's quick and easy.

Once you install and activate the plugin, go to its settings. Just click WooCommerce → Checkout Fields:

As you see in the screenshot, you need to:

• select a field type
• provide a label
• click Add Field

WooCommerce Checkout Field Editor

Look at the two exemplary WooCommerce checkout extra fields:

I created a simple text field and a checkbox field.

I used Flexible Checkout Fields. Over 80,000 stores use it daily!

👉🏽 The best part? You can download it for free:

It lets you create custom fields and manage them.

🟢 The free version lets you add the following extra checkout fields:

• Text
• Textarea
• Number
• E-mail
• Phone
• URL
• Checkbox
• Color
• Headline
• Paragraph
• Image
• HTML

🔵 With the PRO version you can additionally add these extra checkout fields: 

• Multi-checkbox
• Radio
• Select
• Multi-select
• Radio with images
• Date
• Time
• Radio with colors
• File Upload
• Hidden

👉🏽You may see the images of custom fields below.

List of WooCommerce Checkout Extra Fields

• Text

  

• Textarea

  

• Checkbox

  

• Multi-checkbox

  

• Radio button

  

• Select (Drop down)

  

• Radio with images

  

• Date picker

  

• Radio with colors

  

• Time picker

  

• Color picker

  

• File Upload

  

• Heading

  

• HTML

  

• Paragraph

  

• Image

  

More features of Flexible Checkout Fields

The plugin helps you add, remove, edit, or rearrange default and extra checkout fields in WooCommerce!

Visit the product page to see all features in PRO and read the plugin documentation.

Summary

Today, you have learned how to add the WooCommerce checkout extra fields like location picker for Brazil. 🥳

Has this article helped you? Let us know in the comments section below!

Related Articles

How to Add and Display WooCommerce Custom Fields on the Checkout & Order Pages

In this article I'll show you how to add and display WooCommerce custom fields on the checkout and order pages. You can add many field types — text in...

Customize the WooCommerce Checkout Page: Top Tips for a Seamless Experience

I don’t have to convince you that the checkout page is one of the most important parts of every WooCommerce store. The possibility to fully adjust it ...

WooCommerce Checkout Field Editor: How to Add, Edit & Remove Billing Fields

Billing fields fill the default section of the WooCommerce checkout page. Learn how to add, edit, and remove billing address fields in the WooCommerce...

Customize the WooCommerce Checkout Page: Tips & Tools for Success

The WooCommerce Checkout Page is simple by default for there is no built-in option to customize the form in the WooCommerce plugin. So, how to edit, c...

Create Custom Fields in WooCommerce Checkout and Product Pages

Standard WooCommerce doesn't let you create custom fields without writing your code. However, there are situations when you need the custom product or...