• 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

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

Updated: January 30, 2023 / Plugin Tutorials

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.

Table of contents

  • Default WooCommerce checkout page
  • Add extra fields with a plugin
  • WooCommerce Checkout Field Editor

Default WooCommerce checkout page

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

Checkout page - default configuration
Checkout page - default configuration

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

💡 Also, make sure to configure the checkout page correctly using WooCommerce settings.

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:

WooCommerce checkout location picker
Free location input

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

WooCommerce extra checkout fields for Brazil
Select field in WooCommerce checkout

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

WooCommerce extra checkout fields for Brazil
Conditional Logic for WooCommerce extra checkout fields for Brazil

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:

WooCommerce additional fields in the checkout with a plugin
Add extra fields to checkout with Flexible 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:

WooCommerce Checkout Fields - two new fields in the checkout
This is an example of what you can achieve with Flexible Checkout 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:

Flexible Checkout Fields WooCommerce

Adding WooCommerce checkout extra fields has never been that easy. Plenty of extra fields are available!

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

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

    WooCommerce extra checkout fields - text
    Text field
  • Textarea

    Add textarea to the checkout with Flexible Checkout Fields
    Textarea field
  • Checkbox

    WooCommerce extra checkbox in the checkout form
    Checkbox field
  • Multi-checkbox

    An example of a multi-checkbox field added to WooCommerce checkout
    Multiple checkbox field
  • Radio button

    Another example of an extra checkout field - radio button
    Radio button field
  • Select (Drop down)

    Add a select (drop down field) to checkout
    Select field
  • Radio with images

    Radio field with images
    Radio with images field
  • Date picker

    Date picker
    Date picker field
  • Radio with colors

    Radio with colors
    Radio with colors
  • Time picker

    Time picker in the checkout form
    Time picker field
  • Color picker

    Add a color field to WooCommerce checkout
    Color picker field
  • File Upload

    Flexible Checkout Fields - file upload
    File Upload field
  • Heading

    Heading, Headline WooCommerce checkout
    Heading field
  • HTML

    Adding HTML field to the Checkout form
    HTML field
  • Paragraph

    A new paragraph in the checkout
    Paragraph field
  • Image

    Image field
    Image field

More features of Flexible Checkout Fields

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

See how to disable address fields if you sell digital products and customize the WooCommerce checkout page with the free plugin.

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

Flexible Checkout Fields PRO WooCommerce £59

Adding WooCommerce checkout extra fields has never been that easy. Plenty of extra fields are available!

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
💡 Also, see this YouTube Playlist with all video tutorials concerning Flexible Checkout Fields.

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!

Wanna know more about WooCommerce checkout extra fields?

  • A Simple Guide to Configure Custom Fields in WooCommerce Checkout

    woocommerce custom fields
    Custom fields WooCommerce. Everything you need to know to configure WooCommerce custom fields.

  • Everything about WooCommerce checkout conditional logic

    woocommerce checkout conditional logic
    Conditional logic with a plugin. Find out how to use Flexible Checkout Fields and add extra checkout fields with conditional logic.

Tweet

2 minutes read4165 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 › Plugin Tutorials › Add Extra Fields to the WooCommerce Checkout like location picker for Brazil

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