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
Thank you!