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.


1

πŸ”˜ 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).

2

β˜‘οΈ 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.


πŸ”§ Basic Settings

  • Name – Change the display name shown to customers.

  • Required Field – Make the field mandatory before form submission.

  • Column width - Option represents a percentage of the overall width, e.g., 100%, 50%.

  • Add-on Price – Add an extra cost when a customer fills out this field.

  • Conditional Logic – Show/hide this field based on other option selections.


πŸ’‘ Advanced Settings

1

πŸ”’ Min & Max selections

  • Radio Button β€” Cannot use Min & Max selections unless the quantity selector is enabled.

  • Checkboxe β€” Support multiple selections, so Min & Max selections can be applied.

2

πŸ–ΌοΈ Enable images for option values (Advanced Plan Feature)

Last updated