Radio Button and Checkbox
Both Radio Button and Checkbox elements are designed to present selectable options to your customers. While they function similarly in many ways, there are key differences in how selections work and how many can be made.
🔘 Radio Button
Purpose: Allows the customer to select only one option from a list.
Selection behavior:
Only one value can be selected at a time.
Once selected, it cannot be deselected — only replaced by selecting another option.
Use Case: Ideal when you want the customer to choose one and only one required option — for example, size (Small, Medium, Large).
☑️ Checkbox
Purpose: Allows the customer to select multiple options from the list.
Selection behavior:
Multiple checkboxes can be selected.
Customers can deselect any option freely.
You can limit selection by setting up Min/Max selections
Use Case: Perfect for optional add-ons, such as "Include gift wrapping," "Add greeting card," or selecting multiple toppings for a pizza.
⚙️ Shared Settings
Both Radio Buttons and Checkboxes allow you to configure:
Label/Name
Required Field
Hidden Field
Add-on Products
Conditional Logic
Out of stock options
Advanced Settings (like Helptext position, Column width, HTML class, etc.)
Style: Vertical/Horizontal
Expand/collapse option values
Scroll type: Default, By Fixed height, By number of option value
📧 Need Help? If you run into any issues while setting up your option set, feel free to reach out to us at Chat or email [email protected].
We’re always here and happy to help — with sincerity and care!
Last updated