Help Center
    Help Center
  1. Managing your business
  2. Business solutions & apps
  3. Wix Stores
  4. Managing products and categories
    5. Wix Stores: Adding and Customizing Product Options

Wix Stores: Adding and Customizing Product Options

10 min read
Create product options so you can sell different versions of the same product. You can manage inventory for each variant separately, set different prices for different variants, make bulk changes and more.
A GIF showing a product's variations being selected on a live site.
In this article, learn more about:

Creating product options

Before you create product options, make sure you understand the product option terminology.
  • Product Options: This refers to the type of option, for instance "Color".
  • Product Option Choices: This term refers to the available choices for a product option. For the "Color" option, your choices might be "Blue" or "Green". 
  • Variants: This term refers to the specific item you sell. For example, if your product has 2 product options (size and color), and each of them has 2 choices (small or large; blue or green), your product has 4 variants:
    • Small - blue
    • Small - green
    • Large - blue
    • Large - green

To create product options:

  1. Go to the Store Products tab in your site's dashboard.
  2. Do one of the following:
    • Click to select an existing physical product.
    • Click New Product and select Physical.
  3. Scroll down to the Product Options section.
  4. Click + Add Options.
  5. Choose what you want to do:
Tip:
You can change a product option name (e.g. Size). When you do, it updates for all products. Click the Settings iconnext to Product Options to get started. 

Displaying different images for product option choices

Help customers visualize your product options by displaying separate images.
A GIF showing a top being switched between green and purple on a live Wix store site.
Note:
Each image can be linked to one set of option choices. For example, if a product has 2 colors and 2 shapes, you can link a different image to each color or each shape, but not to all 4 variants. You can vote for this feature.

To link images, GIFs, and videos to product option choices:

  1. Go to the Store Products tab in your site's dashboard.
  2. Select a product with product options.
  3. Scroll down to the Product Options section and click Connect Images.
  4. If you created more than one type of option, select the relevant option.
  5. Click the Plus icon  next to the first option choice. 
  6. Select or upload up to 15 images for each option choice and click Done. 
  7. Click Apply.
A GIF showing the flow of adding images to product options.

Setting inventory preferences

You can manage inventory for product variants in two ways:
  • Tracking inventory: Track how many of a specific product variant you have in stock. When you make a sale, the inventory amount is automatically updated.  
  • In Stock / Out of Stock: You can manually assign product variants an "In Stock" or "Out of Stock" status. When you run out of a product variant, you can manually change the status to "Out of Stock".

To set how you manage inventory for variants:

  1. Go to Store Products in your site's dashboard.
  2. Select a product with product options.
  3. Scroll down to the Product Options section.
  4. Click the Manage pricing and inventory for variants toggle to enable it.
  5. (Optional) Enter a unique SKU (Stock Keeping Unit) for each variant.
  6. Select an inventory management option:
    •  Track inventory:
      1. Click the Track Inventory toggle at the top right to enable it.
      2. Enter the total number of products in stock in the Inventory field.
    •  Mark inventory as In Stock / Out of Stock: 
      1. Click the Track Inventory toggle at the top right to disable it.
      2. From the drop-down, select In stock or Out of stock.
  7. Click Apply.
A GIF showing the flow of managing variant inventory.

Setting different prices for variants

You may prefer to sell different variants at different prices, for instance if you sell the same earrings in gold and silver. 
After you enter a price for the product itself, you can add an additional charge to more expensive variants. Alternatively, you can make a negative price difference to reduce the base price. 

To increase or decrease a variant price:

  1. Go to Store Products in your site's dashboard.
  2. Select a product with product options.
  3. Make sure the Manage pricing and inventory for variants toggle is enabled.
  4. If you previously saved variant inventory options, click Edit.
A screenshot of the cursor clicking the Edit button for a variant's price.
  1. Select an option:
    • Increase the base price: Under Price Difference, enter the price increase (e.g. enter 10 to raise the price by $10).
    • Decrease the base price: Under Price Difference, enter the price reduction (e.g. enter -10 to lower the price by $10).
  2. Click Apply.
Notes:

Setting the cost of goods for variants

The cost of goods is the amount it costs for you to make or buy the product.  
You can enter a single cost of good for a product that has variants. The profit and margin are calculated automatically.
A cropped screenshot. The cost of goods field is highlighted.
Alternatively, you can enter a separate cost of goods amount for each variant.

To set the cost of goods for individual variants:

  1. Go to Store Products in your site's dashboard.
  2. Select a product with product options.
  3. Make sure the Manage pricing and inventory for variants toggle is enabled.
  4. If you previously saved variant inventory options, click Edit.
  5. Enter the cost of goods for each variant.
The manage variants window. The cost of goods for each option is highlighted.

Adding weights to variants

If you calculate shipping charges according to product weight, you need to enter a weight for each of your product variants. 

To add weights to variants:

  1. Go to Stores Products in your site's dashboard.
  2. Select a product with product options.
  3. Make sure the Manage pricing and inventory for variants toggle is enabled.
  4. If you previously saved variant inventory options, click Edit.
A screenshot of the cursor clicking the Edit button for a variant's weight.
  1. Select an option:
    • Enter a weight in the Shipping Weight field for each variant.
    • Enter the same weight for each variant:
      1. Click Select All at the top left.
      2. Click Set Weight.
      3. Enter the weight.
      4. Click the Checkmark icon  .
  2. Click Apply.

Making bulk edits to product variants

After you create the product options you need, you can edit the price, weight, and inventory amount of multiple variants at once. For example, if you sell a product in 10 colors and 3 sizes, and want to add a weight to all 30 variants, you can do so in one go.

To update multiple variants:

  1. Go to Store Products in your site's dashboard.
  2. Select a product with product options.
  3. Make sure the Manage pricing and inventory for variants toggle is enabled.
  4. Click Edit.
A screenshot of the cursor clicking the Edit button to bulk edit variants.
  1. Select which variants you want to update:
    • All variants: Select the checkbox at the top left to select all variants.
    • Variants with specific product options: Click the All drop-down at the top left and select a product choice (e.g. "Small").
    • Specific variants: Select the checkboxes next to the variants you want to update.
  1.  Select the update you want to make from the options at the top right:
    • Edit Cost of Goods: Enter the cost of good (how much it costs you to make or buy the product).
    • Edit Price Different: Enter a positive or negative price difference to raise or lower the product's base price (e.g. enter -5 to reduce the variant price by $5). 
    • Edit Inventory: Enter an inventory amount (e.g. enter 20 to set the inventory amount to 20).
      Tip: Go to the Inventory tab to do advanced bulk edits.
    • Set Weight: Enter a weight.
  2. Click Apply. 
A GIF of the manage variants panel. The cursor clicks Edit Status to change the status of variants.
What's next?

FAQs

Did this help?

|
In this article
  • Creating product options
  • Displaying different images for product option choices
  • Setting inventory preferences
  • Setting different prices for variants
  • Setting the cost of goods for variants
  • Adding weights to variants
  • Making bulk edits to product variants
  • FAQs

Related content

Product Page: Font for Options is Different on Mobile (Includes Workaround)
Product Widget: Product Image Isn't Properly Resized on Mobile (Includes Workaround)
Wix Stores: Sharing Products on Social Media
Wix Stores: Creating a Promotional Video for a Product in Your Store
Wix Stores: Adding Images, GIFs, and Videos to Products
Wix Stores: Editing Multiple Products at the Same Time

Hire a Professional

Get matched with a Wix Partner who can help you reach your site goals.
Get Matched