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.

Table of contents

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.
Steps below feature the new options interface available in the stores registered after 24.04.2023. If you signed up earlier, it may look different. In case you want to use the latest interface version, please сontact support.
To add options to a product:

Get a technical support

 

Our technical teams will help you to create your e-commerce websites and all the support need to connect to the existing systems

 

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

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

Product_options__1_.png

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:

Get a technical support

 

Our technical teams will help you to create your e-commerce websites and all the support need to connect to the existing systems

 

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

Product_options__8_.png

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:

Product_options__16_.png

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.
  1. From your Sauecommerce admin, go to Catalog → Products.
  2. Open the product you want to edit.
  3. Go to the Options tab and click on an option.
  4. Scroll down and click on the Value selected automatically drop-down.
  5. Select the None. Require customers to select option:

    Product_options__14_.png

  6. Save the changes.

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

Required_option_values.gif

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:

Get a technical support

 

Our technical teams will help you to create your e-commerce websites and all the support need to connect to the existing systems

 

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:

Price_modifiers.gif

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:

Get a technical support

 

Our technical teams will help you to create your e-commerce websites and all the support need to connect to the existing systems

 

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:

Get a technical support

 

Our technical teams will help you to create your e-commerce websites and all the support need to connect to the existing systems

 

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:

Get a technical support

 

Our technical teams will help you to create your e-commerce websites and all the support need to connect to the existing systems

 

You can also download product option choices for your orders as a CSV file.

Bulk adding and updating options

You can always add or update product options and input fields in bulk using Sauecommerce's built-in import tool. 

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

Sauecommerce App Market is available on Essential, Professional, Business.

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:

Get a technical support

 

Our technical teams will help you to create your e-commerce websites and all the support need to connect to the existing systems