Custom option
Last updated
Was this helpful?
Last updated
Was this helpful?
In the Product template, you can add Custom options to let customers personalize products or customize their order before updating their cart.
Your customer's entered text and selected options will appear in the cart and order details.
Custom options uses to collect and display additional information in the cart and order details. Custom options does not support add-on pricing.
Under Product overview, click (+) Add block and select Custom option.
Use the drag-and-drop handles ⋮⋮ to re-order blocks. Click the block to start adding content.
Editing a template will change all pages that use that template.
to design different page layouts.
to show page-specific content in the same template.
Choose the type of option
Change the label of the option
Add special instructions to tell customers about the option and any requirements (e.g., a maximum of 10 words).
Click Custom option block to find settings
Field type
Select the type of option.
Text Default Long text Checkbox List
Field label
Enter text that names the option.
Default: "Your label"
Instructions
Add instructions to describe how the custom option is applied to the product.
Default: "Special instructions"
Show a text field for customers to add a message or other details to their order. Select the field type:
Text for single-line text
Long text for multiple lines of text
Click Custom option block to find settings
Field placeholder
Change the text that appears until the customer enters their own text.
Default: "Enter your text here"
Set the field type to Checkbox to give customers a 'yes' or 'no' option. The checkbox uses the Field label as the option text.
Click Custom option block to find settings
Checked value
Enter text that will appear in the order details.
Default: "Yes"
Set the field type to List to display multiple options as a Dropdown or Radio buttons.
Click Custom option block to find settings
List style
Display options as a dropdown menu or a list of radio buttons.
Dropdown Default Radio buttons
List options
Enter multiple options as a comma-separated list.
For example: "Option 1, Option 2, Option 3"
Use Bottom padding to adjust the layout of the product overview section by adding spacing between blocks.
Click Custom option block to find settings
Bottom padding
Add spacing below the block
1 - 50px
Default: 32px
If you're using multiple custom options in a product form, then make sure the field labels are unique. Learn more about .
Text
A text field for customers to add a single word or line.
Long text
A text field for customers to add multiple lines.
Checkbox
A single 'yes' or 'no' option.
List — Dropdown
A menu of options that requires a single choice.
List — Radio buttons
A list of buttons for options that requires a single choice.
