Skip to main content
This page covers the question side of an option set: what you ask, and how the shopper answers. Making those answers change the artwork is the next page.

​
Add an option

Click Add Option in the header. A new option appears at the bottom of the list, ready to edit.
The option set editor with the Add Option button highlighted in the header.

Add Option appends a new option to the list.

Drag options in the list to reorder them. The order in the list is the order your customer meets them, so put the choices that matter most at the top.

​
Choose the type

The type decides how the shopper answers: by typing, picking, or uploading. Click Type of option to change it.
The option type picker showing three columns, Input, Selection and Other, with all available option types.

Every option type, grouped by how the customer answers.

​
Input: the customer types or uploads

​
Selection: the customer picks from your list

​
Other

When in doubt, use Radio buttons for three or fewer choices and a Dropdown for more. Shoppers pick faster when they can see all the options at once.

​
Fill in the settings

The Edit option panel highlighted, showing Required, Hide option, Type of option, Option label, Help text, Placeholder, Initial value, Max length, Use textarea, Stop typing at max limit and Allow emojis.

The settings for a text option. Every type has its own set.

More settings opens the extras that only apply to the type you picked.
Set a Max length on any text that goes onto the artwork. A name that’s twice as long as you designed for will overflow the layer, and the shopper won’t know until they see the print.

​
Fill in the choices

Options where the customer picks from a list have a values table underneath the settings.
The Swatch values card highlighted, with four rows each showing a swatch image, a value, and an add-on price field.

The values table. Each row is one choice a shopper can pick.

Above the table:
  • Choose default marks the choice a shopper starts with.
  • Bulk edit lets you paste or edit many rows at once instead of one at a time.
  • Quick add pulls choices in from a linked library so you don’t retype them.
Drag the handle at the left of a row to reorder, and use the bin icon to remove one. Add value adds a row at the bottom.

​
Charge extra for a choice

Put an amount in Add-on price and that choice adds to the product price when a shopper selects it. A 0.00 costs nothing extra. Use it for anything that costs you more to make: a second photo, gift wrapping, a larger size.
A choice with an extra charge cannot be pre-selected as the default. If you add a price to a choice that was set as the default, Customei clears the default for you. Shopify doesn’t allow a product to start out with a hidden extra cost, so your customers always opt in to paying more.

​
Show an option only when it’s relevant

Every option has a Conditions card below its connections. Use it to hide an option until the shopper has made a related choice. For example, only show Choose Top Colour once they’ve picked which top they want. Pick Show or Hide, choose the option to watch, and set what its answer has to be. You can stack more than one rule with Add another condition.
Fewer visible options means a shorter, less intimidating form. Conditions are the cheapest way to keep a long option set feeling simple.

​
Where to next

Connect options to your design

Make each answer change a layer on your artwork.

Assign products and go live

Put the finished option set on a product page.