Create a Checkbox

1. How Does the Checkbox Display?

The Checkbox option displays as a small square box that users can click to select or deselect a choice. It can be used individually or in groups when multiple selections are allowed. When selected, it shows a checkmark (✔️) tick inside the box.

Example of how it appears on a product page:

A Candle product with a Checkbox to select Fragrance: Lavender, Vanilla, Eucalyptus,..

2. How to Create a Checkbox

Step 1: Add a New Option

Click Add Option > Checkbox to create a new option

Step 2: Add information to the Checkbox

Enter an option name for the Checkbox (e.g., "Customize Your Candle", "Choose Scent")

Add the option values (e.g., Lavender, Vanilla, Citrus, Rose, Coconut, Eucalyptus).



Tick on “This option is required” if you want customers must choose the option before checking out.

How it will look on the storefront:



Tick on ‘Hide option name” if you don’t want to show the option name above the option values.

How it will look on the storefront:



Other features:

Price Add-On > Create Fee – What is it & How to Use

Price Add-On > Assign to Variant – What is it & How to Use

SKU – What is it & How to Use

Quantity – What is it & How to Use

Step 3: Advanced Settings (If Needed)

Conditional Logic: Enable conditional logic if you want the Checkbox to show/hide only when a customer selects a specific option from another field. How to set up Conditional logic?

Help text: Add a short description to explain the purpose of the Checkbox option. It can be displayed as Tooltips or Content (Below/Beside the option title, Below the option).



Here is an example of the Help text as Tooltips looks like on the storefront:



Default value: Pre-select the Checkbox options every time the customer goes to the site. It can save time for customers by providing common or expected choices.

Example: You want the option value “Lavender” to be selected automatically when customers enter the product page.



How it looks like in your storefront:



Limit selectors: You can set Min/Max option value that customers can select.



If your customers choose more than the maximum option value, it will show a notification message below. The same with the minimum option value.

Step 4: Save and Test

Click Save to apply the settings.

Visit the product page on your store to check if the Checkbox option works correctly.

3. Real-World Applications of Checkbox

Checkbox are useful for products with multiple variations:

Product Customization: Choose add-ons like gift wrapping, extra toppings, preferred colors, materials, or scent/flavor options.

Compliance & Agreements: Confirm age eligibility (18+/21+), agree to terms, or verify authenticity. Accept return policy, warranty terms, or payment conditions.

4. Key Features of Checkbox

The checkbox option allows users to select one or multiple options with a simple click. When displaying many option values, they can be arranged in a single line or inline layout to save space and maintain a clean, organized design.

Updated on: 26/04/2025