Radio Button
Radio Button
A Radio Button shows a small circle next to each value; customers can pick only one. Selecting a new value automatically deselects the previous one.
When to use a Radio Button
- Product variations - one size, color, or material per product.
- Shipping methods - standard, express, or same-day delivery.
- Surveys and forms - a single yes/no question or a pick-one question.
How to add a Radio Button option
Step 1: Add the option
Open 1. Add options, click Add option, tick Radio button under Choice list on the New options tab, then click Add options.
Step 2: Name it and add values
Enter the Label on product (e.g., "Choose Scent") and add the Option values (e.g., Lavender, Vanilla, Eucalyptus). Tick Required field if customers must choose before checking out, or Hide option label to hide the label.
Step 3: Save and test
Click Save, then open the product page on your store to check that the Radio Button works correctly.
Option settings
Set only what you need - all of the settings below are optional. In the Option values table, click Columns to show Add-on, Help text, SKU or Quantity for each value:
- Add-on - charge extra for a value (Extra fee, Advanced plan and above) or link it to a Shopify variant (Upsell product, Platinum and above). See Manage add-on (additional fee for option).
- SKU - a SKU for that value. Advanced plan and above. See How does Product Option SKU works?.
- Quantity - let customers choose how many of that value they want. Platinum plan and above. See How to Use the "Quantity" Feature for Options.
Default value
Toggle Default for the value that should be pre-selected when the customer opens the product page. Available on the Advanced plan and above.
Help text
Add a short note explaining what to choose, shown as a Tooltip, Below the option title, Beside the option title, or Below the option. Available on the Platinum plan and above.
Show or hide with Visibility (conditional logic)
Show or hide the Radio Button based on another option. Available on the Advanced plan and above. See How to set up Conditional logics?.
Layout
In the Display tab: set Option width (25%, 33%, 50%, 67%, 75% or 100%) to control how much horizontal space the option takes, and Option value orientation (Horizontal or Vertical) to lay the values out in a row or stack them.
Related guides
- Checkbox
- Manage add-on (additional fee for option)
- How to Use the "Quantity" Feature for Options
- How to set up Conditional logics?
Updated on: 25/09/2026
Thank you!