• 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 add Radio Buttons to the WooCommerce Checkout

Updated: December 17, 2022 / Checkout, Plugin Tutorials

Would you like to configure WooCommerce checkout radio buttons? Sure thing! You can't make it by default. But I have a method. It's simple and I'll guide you step-by-step in this article.

Are your customers leaving you enough feedback about your products and services? Would be nice to ask customers what they find most important in your store?

In this article, I will show you how to add radio buttons in your WooCommerce checkout to get useful information from buyers. Let's begin!

Table of contents

  1. WooCommerce checkout radio buttons - Example
  2. Steps to add radio buttons to your checkout
  3. More checkout field types for your store

WooCommerce checkout radio buttons - Example

You can use radio buttons for different things. For sure you have a purpose to add checkout radio buttons to your WooCommerce store.

Let's say I'd like to add a mini-survey. I'd like to ask people, how did they hear about my store.

How could it look like at my store's checkout?

radio buttons woocommerce checkout
WooCommerce radio buttons example

Of course, you can change the look of these checkout radio buttons.

How can you add this feature to your WooCommerce store?

In general, you need a plugin: Flexible Checkout Fields.

Have a look at the video, which shows you its utility:

Flexible Checkout Fields WooCommerce

WooCommerce - add radio buttons to checkout. This plugin lets you add extra inputs like radio buttons.

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

You can download this plugin for free and check yourself if you like it before you decide to buy it.

However, to add radio buttons to the WooCommerce checkout, you will need a PRO version. The free version doesn't let you add WooCommerce checkout radio buttons. The free version lets you add the following custom fields:

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

Over 80,000 people use the plugin daily!

So, download the free version and check out if you like it. Then you can follow this guide. You can decide about upgrading to the PRO version at the end. This is the direct link where you can purchase it:

Flexible Checkout Fields PRO WooCommerce £59

WooCommerce - add radio buttons to checkout. This plugin lets you add extra inputs like radio buttons.

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

Steps to add radio buttons to your checkout

  1. First, install and activate the plugin.
     
  2. Then, go to the plugin settings. Just click WooCommerce → Checkout Fields:
    woocommerce checkout radio buttons
    Flexible Checkout Fields: Add radio buttons to checkout

    As you see in the screenshot, you need to:

    • select field type: Radio button
    • provide a label (eg. How did you hear about us?)
    • click Add Field

     

  3. Next, you can configure the field's options:
    flexible checkout fields woocommerce radio buttons
    Add radio buttons to WooCommerce checkout. Configure radio input.

    You need to provide a Value and a Label:

    • You'll see the value in the order's details as a store manager
    • Your customers will see the label in the checkout form

     

  4. We have successfully configured radio buttons for our WooCommerce checkout form! 🎉
     
Also, there is an option to change the look of these fields. Find more about CSS styling of custom order fields →

More features of Flexible Checkout Fields

In short, Flexible Checkout Fields lets you create custom fields in checkout. Also, with this plugin, you can edit or rearrange default WooCommerce checkout fields. For example, you can disable address fields if you sell digital products.

woocommerce radio buttons plugin
Add WooCommerce radio buttons with a plugin

Almost 80,000 stores worldwide use this plugin with 4.6 ratings out of 5 stars.

As you already know, you can download Flexible Checkout Fields for free. Then you can upgrade to the PRO if you need more features.

The free version lets you add new checkout fields:

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

More checkout field types in the PRO version:

  • Multi-checkbox
  • Select
  • Radio with colors
  • Multi-select
  • Radio
  • Date
  • Radio with images
  • Time
  • File Upload
  • Hidden
Also, the PRO lets you use conditional logic. This way you can create checkout conditional fields →

Start using the free version of the Flexible Checkout Fields to add new fields in the WooCommerce checkout form!
Download the free plugin →

WooCommerce Radio buttons and new fields - Summary

You have learned how to add WooCommerce checkout radio buttons. You may also find interesting our articles about:

  • using the custom order form in WooCommerce
  • customizing the WooCommerce checkout page

So, have this article helped you? Let us know in the comments section below!

Read more about customizing WooCommerce checkout fields

  • Add WooCommerce date picker field

    WooCommerce delivery date and time picker field
    How to add a delivery date picker to the WooCommerce checkout? In this article we give you tips on how to add a date (and time) to the checkout.

  • WooCommerce Conditional logic

    WooCommerce checkout conditional fields
    How to add and set conditional logic Add and configure conditional logic at WooCommerce checkout.

Tweet

3 minutes read9902 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 add Radio Buttons to the WooCommerce Checkout

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