Checkboxes

The Checkboxes option type is ideal for allowing customers to make multiple selections from a list of options on the product page. Each checkbox represents an individual option, giving customers the flexibility to choose more than one item or feature.


Basic Option Settings

1. Option Name

This is the internal name used to identify this group of checkboxes within your app. It helps keep your options organized and easily manageable.

2. Label on Product

This label appears next to the checkboxes on the product page, helping customers understand what the options represent (e.g., "Additional Features" or "Select Toppings").

3. Label on Cart

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.

4. Option URL

This setting allows you to link specific checkbox options to external URLs. For instance, you can direct customers to additional information about a particular option on a different site or page.

5. Option Values

Each checkbox 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 for efficiency.

6. Default Value

Set default checkbox options that are pre-selected when the product page loads. This can guide customers towards recommended or popular choices.

7. Conditional Logic

Use conditional logic to show or hide certain checkbox options based on other selections the customer has made. This creates a more personalized and dynamic shopping experience.


Advanced Option Settings

1. Required Field

This setting makes it mandatory for customers to select at least one checkbox option before adding the product to their cart, ensuring they make a choice.

2. Hide "Label on Product"

If you prefer a cleaner look, you can hide the label next to the checkboxes on the product page, focusing solely on the checkbox options.

3. One Time Charge

This setting allows you to apply a one-time additional charge for a selected checkbox option, regardless of the quantity purchased. This is useful for unique customizations or features that incur a single fee.

4. Show "Quantity" for Option Value

This setting lets customers specify a quantity for each selected checkbox option. You can also set minimum and maximum limits for these quantities, giving you control over how much of each option can be chosen.

5. Min/Max Selection

You can define the minimum and maximum number of checkbox options that a customer can select. This ensures that customers make a choice within a specified range.

6. Option Value Column

You can arrange the checkbox options into 1, 2, 3, or 4 columns, depending on how you want them displayed on the product page, allowing for better organization and visibility.

7. Tooltip

Add tooltips to provide more information about each checkbox option. When customers hover over the option, the tooltip will display, offering additional context without cluttering the page.

8. Help Text

This text appears below the checkboxes, providing further explanation or instructions to assist customers in making their selections.

9. Class Name

For advanced customization, you can add custom CSS class names to style the checkboxes according to your design preferences, ensuring a seamless and cohesive look on your product page.

Last updated