Radio Button

Pro Feature

Element Description

The Radio Button field allows users to select a single option from a set of predefined choices. Unlike checkboxes, only one option can be selected at a time. This is useful for offering mutually exclusive options to customers during the checkout process.

Sample Use Cases

  • Offer a choice between different options.

  • Allow customers to select a delivery option (e.g., standard or express).

  • Provide a set of options where only one can be chosen (e.g., Yes or No).

Sample Radio Button

Radio Button Field Settings

  • Label – The name of the field displayed to customers on the checkout page.

  • Description – Additional information or instructions about the radio button selection, displayed below the field.

  • Enable/Disable Field – Allows you to enable or disable the field based on your needs. If it is disabled, the element will not be displayed in the checkout form, you can enable it anytime from the checkout builder according to your needs.

  • Is Required – When enabled, customers must select one option before proceeding with checkout.

  • Options – Customize the available options by setting the Label (what the customer sees) and Value (backend value associated with each option). You can add, edit, or delete options as needed:

    • - use the drag-and-drop function to reorder options

    • - use this to delete the options

    • Add new - use this button to add new options

  • Default Value – Set a default selection that will appear automatically when the page loads.

Advanced Settings

  • Custom Class Name – Add custom CSS classes for additional styling or functionality for the radio button field.

Last updated

Was this helpful?