Product options

If you sell products that have variants like colors and sizes, you can list them as one base product with options. This way, store visitors will be able to select options they prefer on the product page.

With the help of product options, you can also:

offer extras, like gift wrapping;
offer multiple selections to configure or personalize the product;
add price modifiers to increase or decrease product price based on selection, and more.

The options customers chose are listed in the order details as well as in your store’s notifications and in invoices.

You can control the stock of product options and display different images for each option by using variations.

Available option types

The following option types are available in your store:

Drop-Down List allows the selection of one value from multiple choices. We suggest drop-down lists for a compact view of many choices.
Radio Buttons allow selecting one value from multiple choices like product color or gift wrapping.
Size allows selecting one option from multiple size choices.
Checkboxes allow selection of several options at once. For example, you can use them when offering extras like pizza toppings.

Want to ask customers to add text, files or pick a date on the product page? Try input fields!

Creating options

You can add an unlimited number of options to each product to help customers select a product they desire. For example, if you want to list all the sizes and fabrics an item comes in, add a gift wrapping option, or offer available extra toppings for pizzas.

To add options to a product:

From your store admin, go to Catalog → Products.
Open the product you want to edit or create a new one.
Go to the Options tab:
Click Add Product Options to add an option and its parameters.
Add the name of the option (e.g., "Toppings").
From the Option type drop-down, select the option type. In our example, we add toppings for pizza, so it’s “Checkboxes”:
In the Option values field, specify the first value for this option. In the example with the toppings, it can be “Ham”.
Click +Add Value and add all other values of the option. In our example, we’ll list all the available toppings.
(optional) Hover over the option value and click Add price modifier to specify how this option affects the base product price.
(optional, not available for checkboxes) Click the Value selected automatically drop-down to choose if any value should be preselected. By default, customers need to manually choose an option.
(optional) Click the six dots to the left of the option value name to drag-and-drop and rearrange the values.
Save the changes.

From your store iOS app, go to Products.
Tap on the product you want to edit or create a new one.
Scroll down and tap Add more product features → Product Options.
Tap Add New Option to add an option and its parameters.
Add the name of the option, for example, “Toppings”.
Select the option type. In our example, we add topping for pizza, so it’s “Checkboxes”. You can also create input fields here if you want.
Under Items, on the Add New Selection line, add all values of the option. Add as many selections as you need and specify whether they affect the base product price or not.
(optional) Tap Sort to put the selections in the desired order.
(optional, not available for checkboxes) To make a value preselected, tap on it, then tap Set as Default. By default, the first option you create is set as default.
(optional, not available for checkboxes) Enable the Require customer selection toggle to ensure customers select an option.
Tap Done to save the changes.

From your store Android app, go to Products.
Tap on the product you want to edit or create a new one.
Scroll down and tap More product features → Product options.
Select what options you want to add: Color, Size, Style. If you choose one of these types, the option's name and selections will be pre-filled. If you choose Custom, a new option will be created from scratch.
In our example, we add toppings for pizza as checkboxes, so we select Custom → Multiple selection.
Enter the name of the option, for example, “Toppings” and change the input type if you don't want to use the one set by default.
Tap Add new value to add option values for this product.
(optional, not available for checkboxes) To make a value preselected, tap on it, then tap Set as Default.
(optional, not available for checkboxes) Enable the Require customer selection toggle to ensure customers select an option.
Save the changes.

Repeat the above steps to add more options (like color) if needed.

Here is how a product with different options looks in the storefront:

To add a detailed description like a size chart or graphics illustrating option choices to a product page, you can use the Size Chart & Options Descriptions app from the App Market. If you need advanced dependent options, color or image swatches, use the Advanced Product Options app.

Setting preselected option values

When creating drop-down list, radio button, and size option types, you can set default option values (for example, this pizza’s most popular size) that will be preselected for a faster customer checkout. If a shopper wants to order a product with other options (like other sizes), they need to choose them on the product page instead of the default options.

To select a default option value:

From your store admin, go to Catalog → Products.
Open the product you want to edit.
Go to the Options tab and click on an option.
Scroll down and click on the Value selected automatically drop-down.
Select your option:
Save the changes.

From your store iOS app, go to Products.
Tap on the product you want to edit.
Tap on the product options.
Tap on the option you want to edit.
To make a value preselected, tap on it, then tap Set as Default:
Tap Done to save the changes.

From your store Android app, go to Products.
Tap on the product you want to edit.
Tap on the product options.
Tap on the option you want to edit.
To make a value preselected, tap on it, then tap Set as Default:
Save the changes.

That’s it! After opening a product page, customers will see default option values as highlighted and preselected:

If your customers tend to order products with the preselected options that you set, you can allow them to add products with the default options to the cart right from the product list by clicking on the “Buy Now” button. For that, go to Settings → General → Cart & Checkout tab and choose the corresponding option from the drop-down:

Making option values required

When creating drop-down list, radio button, and size option types, you can require customers to select an option. This way, no options are selected right after opening a product page, and a customer cannot add the item to the cart without choosing a value.

From your store admin, go to Catalog → Products.
Open the product you want to edit.
Go to the Options tab and click on an option.
Scroll down and click on the Value selected automatically drop-down.
Select the None. Require customers to select option:
Save the changes.

From your store iOS app, go to Products.
Tap on the product you want to edit.
Tap on the product options.
Tap on the option you want to edit.
Enable the Require customer selection toggle.

From your store Android app, go to Products.
Tap on the product you want to edit.
Tap on the product options.
Tap on the option you want to edit.
Enable the Require customer selection toggle.

Here is an example of how shoppers are reminded to pick options after clicking the Add to Bag button:

Setting different prices for options

With price modifiers, you can increase or decrease the base product price depending on options. For example, a pizza with basic ingredients costs $11.95, and each additional pizza topping costs $0.85. If a customer selects one topping, they will see the updated price ($12.80) on the product page, and if they select two toppings, the price will be $13.65.

Price modifier is not the price of the product option. It's the value that is added to (or subtracted from) the price of the base product that you enter in the Pricing field.

To add price modifiers:

From your store admin, go to Catalog → Products.
Open the product you want to edit.
Go to the Options tab and click on an option.
Hover over the option value and click Add price modifier:
Select whether the modification adjusts the price in absolute amount or as a percentage:
Set the amount. You can enter positive or negative values.
Save the changes.

From your store iOS app, go to Products.
Tap on the product you want to edit.
Tap on the product options.
Tap on the option you want to edit.
Set the modifier amount.
Select how the price modifier should adjust the price and select whether the modification adjusts the price in absolute amount or as a percentage:
Tap Done to save the changes.

From your store Android app, go to Products.
Tap on the product you want to edit.
Tap on the product options.
Tap on the option you want to edit.
Tap on the selection where you want to add the price modifier.
Select how the price modifier should adjust the price and select whether the modification adjusts the price in absolute amount or as a percentage:
Set the modifier amount.
Save the changes.

That's it! You’ve added price modifiers to your option values.

Here’s how modifiers can look to customers in your storefront. The price changes immediately when they select an option:

If you want to add individual pricing for different product versions (as well as images and stock levels), you can use product variations.

Editing options

After you add an option to a product in your store, you can make edits to it if you need. For example, if later you want to change option type or its name, or you want to make it required.

To edit an option:

From your store admin, go to Catalog → Products.
Open the product you want to edit.
Go to the Options tab.
Click the three dots icon next to an option, then click Edit:
Make edits to the fields.
Save the changes.

From your store iOS app, go to Products.
Tap on the product you want to edit.
Tap on the product options, then tap on your option.
In the upper right corner, tap Edit.
Make edits to the option.
Tap Done to save the changes.

From your store Android app, go to Products.
Tap on the product you want to edit.
Tap on the product options, then tap on your option.
Make edits to the option.
Save the changes.

That’s it! Now customers will see the updated option on the product page in your store.

Sorting options

You can change the order in which options and input fields appear on the product pages in your store. For example, if you want text fields to appear at the top of the page, before item sizes.

To rearrange options on the product page:

From your store admin, go to Catalog → Products.
Open the product you want to edit.
Go to the Options tab.
Click the three dots icon next to any option, then click Change Order:
Drag-and-drop options and input fields to rearrange them.
Save the changes.

From your store iOS app, go to Products.
Tap on the product you want to edit.
Tap on the product options.
In the upper right corner, tap Edit.
Drag-and-drop options and input fields to rearrange them.
Tap Done to save the changes.

In our app for Android, you can only rearrange options in relation to other options.

From your store Android app, go to Products.
Tap on the product you want to edit.
Tap on the product options.
Tap the two lines in the right upper corner.
Drag-and-drop options to rearrange them.
Save the changes.

That’s it! Now product options and input fields will appear on the product page exactly in the order that you have set.

Viewing customer choices of option values

All the options your customers chose on product pages appear in the order details in your store admin. This information is also available in the admin and customer email notifications, as well as in the order invoices and in customer accounts.

To access option choices in the order details:

From your store admin, go to My Sales → Orders.
Click on the order to open it.
Find option choices in the product block:

From your store iOS app, go to Orders.
Tap on the order.
Find option choices in the product block.

From your store Android app, go to Orders.
Tap on the order.
Find option choices in the product block.

You can also download product option choices for your orders as a CSV file. Learn more about exporting orders →

Bulk adding and updating options

You can always add or update product options and input fields in bulk using built-in import tool. See a dedicated case study on importing a product with options or input fields →

Also, you can easily update your product options and input fields using the Bulk Product Editor app from App Market.

Bulk Product Editor helps you:

update all your products in bulk or filter those you’d like to change
update properties like price, weight, quantity, and more
add and remove options and input fields (they all go under “options” in the app)
add and remove option values
import options with option values and input fields from CSV file (it's compatible with spreadsheets)
enable and disable products in bulk

If you have any questions about the Bulk Product Editor, please contact the developer of the app directly.

Deleting options

You can delete options that exist in your store at any time. For example, if you no longer want to offer gift wrapping on the product page as you now offer it as a surcharge at checkout.

To delete options from a product page:

From store admin, go to Catalog → Products.
Open the product you want to edit.
Go to the Options tab.
Click the three dots icon next to an option, then click Delete.
Save the changes.

From your store iOS app, go to Products.
Tap on the product you want to edit.
Tap on the product options, then tap on the option.
Tap Delete Option at the bottom of the screen.
Confirm that you want to delete this option.

From your store Android app, go to Products.
Tap on the product you want to edit.
Tap on the product options, then tap on your option.
Tap Delete Option at the bottom of the screen.
Confirm that you want to delete this option.