Adding options to products

Last updated

If you sell products that have variants (like colors and sizes), you can list them as one base product with options. As a result, store visitors can select the options they prefer on the product page. The chosen product options are shown in the order details.

With the help of product options, you can also:

  • offer extras, like gift wrapping;
  • ask buyers to upload a file for ordered product/service;
  • offer multiple selections to configure the final product;
  • and more.

In this article:

See our video on how to add product options:

Creating options

To add options like Size and Color to your products, do the following:

  1. Go to Ecwid Control Panel → Catalog → Products.
  2. Open the product page you want to edit.
  3. Go to the Options tab:

Add options in Ecwid store

  1. Click +Add New Option to add an option and its parameters.
  2. Add the name of the option, for example, Size.
  3. Select the input type, Radio Buttons work best for Size:

Select option type

  1. Click +Add New Selection and add all values of the option. Add as many new selections as you need and specify whether they affect the base product price or not:

Add option values

  1. Choose the Default option (if your option requires a customer selection, the Default column is hidden:

Default product option

If your customers tend to order products with default options, you can allow them to add products with default options to the cart by clicking on the “Buy Now” button right in the product list:

This setting is available in Ecwid Control Panel → Settings → General → Cart & Checkout tab.
  1. Save the changes and check for the product page looks. 

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

Here is how the options look in the storefront:

Options in a product page

If you do not see options in product pages, make sure that you've chosen to display them in your store's design settings.
Control the stock of product options and provide separate image for each option using variations.

Option types

You can use different option types to help customers select a product they desire:

  • Drop-down list allows 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 Sizes.
  • Date Picker is a popup calendar to select a date for product/service.
  • Text Field and Text Area are input text fields where your customers can type any text for a product. It is often used to offer personalization, engraving, custom printing or embroidery for products.
  • Checkboxes allow selection of several options at once. For example, pizza toppings.
  • Upload file allows customers to attach files to the product or service they order.
The Upload file option is available on all premium Ecwid plans. Upgrade to get this feature
You can provide a detailed description of every product option to your customers with the help of the Size Chart & Options Descriptions app for Ecwid. This allows for extra information about options on a product page. You could include a size chart, graphics illustrating option choices, detailed characteristics, useful links, and more.

Required options

You can use the Require customer selection option with drop-down lists and radio buttons to ensure customers select an option.

Require Customer Selection setting

With Require Customer Selection checked, a customer cannot add a product to cart without selecting an option.

Checkboxes cannot be required.

Using price modifiers

With price modifiers, you can increase or decrease the base product price depending on options. For example, a cotton T-Shirt may cost $10, while an organic cotton T-Shirt sells for $12. If a customer selects an option with a price modifier, they will see the updated price on the product page.

Price modifiers can be assigned to drop-down, checkbox and radio-buttons option types.

To add price modifiers:

  1. Go to Ecwid Control Panel → Catalog → Products.
  2. Open the product page you want to edit.
  3. Go to the Options tab:

Price modifiers

  1. Select how the price modifier should adjust the price:

Negative and positive price modifiers

  1. Select whether the modification adjusts the price in absolute amount or as a percentage:

Monetory and percentage price modifiers

  1. Set the amount.
  2. Save the changes.

This is how the price modifiers appear in the Ecwid Control Panel:

Price modifier amounts

This is how your customers see modifiers in your storefront. The price changes immediately when you select an option:

Price modifiers in product page

Product options may increase or decrease the price of a product, but they do not have their own quantity of SKU. To track the inventory of product options, we recommend product variations.

Updating options in bulk

You can easily update your product options using the Bulk Product Editor app from Ecwid’s 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
  • add and remove option selections
  • enable and disable products in bulk
Ecwid’s App Market is available on all premium Ecwid plans. Upgrade to get the app

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

Related articles

Adding product variations
How to Master Your Product Options to Make Checkout Faster (blog)
Adding images to product options in your store
Product inventory tracking

Back to top
Has the article answered your question?

Awesome! Thanks for your feedback!

Please send us that question. We will be happy to help by email.

Send a message