Radio button
Last updated
Last updated
The Radio Button option type is a versatile tool that allows customers to make single selections from a list of options on the product page. Each option is represented by a circular button, making it easy for users to see all available choices and select one.
The internal name used to identify this option within your app. It helps keep your options organized.
This label appears next to the radio buttons on the product page, indicating what the options represent (e.g., "Size" or "Material").
This label is displayed in the shopping cart, checkout, order details, invoices, packing slips, order confirmation emails, and other order-related documents to show which options were selected by the customer, providing clarity on their choices.
This setting allows you to link specific radio button options to other products in your store or external URLs. For instance, if you want to provide more information about a particular option, you can direct customers to a detailed page.
Each radio button option includes an image icon (supported formats: .png, .jpeg, .jpg, .webp) and a text label. The image helps visually represent the option, while the text describes it. You can add these values individually or in bulk.
Set a default radio button option that is pre-selected when the product page loads. This can guide customers toward a recommendary option.
Use conditional logic to show or hide the radio button options based on other selections the customer has made. This creates a dynamic and personalized shopping experience.
This makes it mandatory for customers to select a radio button option before adding the product to their cart. It ensures that a choice is made.
If you prefer a cleaner look, you can hide the label next to the radio buttons on the product page.
This setting allows you to apply a one-time additional charge for a selected option, regardless of the quantity purchased. It is useful for unique customizations or features that incur a single fee.
This allows customers to specify a quantity for the selected option. You can also set minimum and maximum limits for the quantity, giving you control over how much of the option can be chosen.
You can arrange the radio button options into 1, 2, 3, or 4 columns, depending on how you want them displayed on the product page.
Add a tooltip to provide more information about each radio button option. When customers hover over the option, the tooltip will display, offering additional context without cluttering the page.
This text appears below the radio buttons, providing further explanation or instructions to assist customers in making their choice.
For advanced customization, you can add custom CSS class names to style the radio buttons according to your design preferences. This allows for a tailored and cohesive look on your product page.