A Guide to Using Product Options

Create and Edit Product Options

If you sell products with variants like different colors or sizes, you can list them as one base product with multiple options. Product options let your customers select their preferences on the product page. You can also use options to offer extras like gift wrapping, ask customers to upload a file for a custom product, or allow them to build a product from multiple selections.

Creating Options

  1. From your store admin, go to Catalog > Products.

  2. Open the product you want to edit.

  3. Go to the Options tab and click +Add New Option.
    Add options in Ecwid store

  4. Enter a name for the option (e.g., "Size").

  5. Select an input type from the drop-down menu. Radio Buttons work well for sizes.
    Select_option_input_type_.png   

  6. Click +Add New Value and enter all the available values (e.g., "Small," "Medium," "Large").
    Price_modifier.png 

  7. Choose a Default option or check the box for Do not preselect default value.
    Default_option.png 

  8. Save your changes.

You can repeat these steps to add more options, such as "Color."


Option Types

You can use different option types to make it easier for customers to select what they want:

  • Drop-down list: Best for a compact view with many choices.

  • Radio-buttons: Good for a short list of options where the customer can only select one.

  • Checkboxes: Allows customers to select multiple options at once, like pizza toppings.

  • Date Picker: A pop-up calendar for selecting a date.

  • Text Field and Text Area: Lets customers type in custom text for product personalization.

  • Upload file: Allows customers to attach files to their order.


Preselected Default Values

You can choose whether or not to preselect a default value for drop-down lists and radio buttons.
Preselect_default_value.png

  • If you do not preselect a default value, the customer must select an option before they can add the product to their cart.

  • If you do preselect a default value, it will be automatically selected for faster checkout.


Using Price Modifiers

Price modifiers let you increase or decrease the base product price based on the selected options. For example, a "Medium" T-shirt might be $10, but a "Large" T-shirt could be $12.

You can assign price modifiers to drop-down, checkbox, and radio-button options.

To add a price modifier:

  1. From your store admin, go to Catalog > Products and open the product you want to edit.

  2. Go to the Options tab.
    Options_tab_Ecwid_control_panel.png

  3. Choose how the price modifier should adjust the price.
    Negative and positive price modifiers

  4. Select whether the modification is an absolute amount or a percentage.
    Monetory and percentage price modifiers

  5. Set the amount.

  6. Save the changes.


When a customer selects an option with a price modifier, the price will update immediately on the product page.
Price modifiers in product page

Note: Product options can change the price, but they don't have their own quantity or SKU. To track the inventory of product options, we recommend using Product Variations.