header-logo
Learn how to use Wix to build your site and business.
Design and manage your site using intuitive Wix features.
Manage subscriptions, plans and invoices.
Run your business and connect with members.
Learn to purchase, connect or transfer a domain to your site.
Get tools to grow your business and web presence.
Boost your visibility with SEO and marketing tools.
Get advanced features to help you work more efficiently.
Find solutions, learn about known issues or contact us.
placeholder-preview-image
Improve your skills with our courses and tutorials.
Get tips for web design, marketing and more.
Learn to increase organic site traffic from search engines.
Build a custom site using our full-stack platform.
Get matched with a specialist to help you reach your goals.
placeholder-preview-image

Wix Stores: Adding Product Options

7 min
In this article
  • Updating multiple variants at once
  • Displaying product options on your site
  • FAQs
Product options help you provide customers with choices, such as product size, color, or material. After creating the necessary options, you can manage inventory, set pricing, and more for each variant.
Screenshot showing a product's product option on a sample Wix site
Before you create product options:
Wix Stores gives you the option of adding modifiers to products in addition to product option. Use modifiers to allow customers to send you messages (e.g. which name to engrave) or to add product variations that don't require separate inventory or pricing. 

Creating Product Options

Adding product options enables your customers to make customized choices. These options are displayed as drop-downs or color swatches.
Screenshot of a part of a product display in a Wix store, showing the product options

To add a product option:

  1. Go to Products in your site's dashboard.
  2. Click + New Product, or select an existing product.
  3. Scroll to the Product Options section.
  4. Click + Add Option.
  5. Enter an Option Name (e.g. 'Color' or 'Size').
    Tip: Customers see this name. Once you create a name, you can select it next time.
  6. Select the Field type for the option:
    • Color swatches: For color-based options.
    • Drop-down list: For all other options like size or material.
  7. Select the product option choices you offer by 
    • Color swatches: 
      1. Enter a color or select it from the list.
      2. Press Enter on your keyboard.
      3. Select the shade.
        Note: The shade you choose will be used for this color in all products.
      4. Click the Plus icon. 
    • Dropdown list:
      1. Enter a product option choice (e.g. 'Small') or select it from the list.
      2. Press Enter on your keyboard.
  8. Click Add.
GIF showing how to create product options in Wix Stores

Displaying different images for product option choices

Linking images or videos to product option choices enhances the shopping experience. Customers can visualize how the variations, like colors or patterns, look before they order.
A GIF showing a product where the color product option is switched between green and purple on a live Wix store site.

To connect media to option choices:

  1. Go to Products in your site's dashboard.
  2. Select a product with product options.
  3. In the Product Options section, click the Connect images and videos iconnext to the relevant product option.
Screenshot showing how to connect images and videos to product option choices in Wix Stores
  1. Click the + icon next to an option choice.
  2. Upload or select up to 15 images or videos.
  3. Click Apply.
Note:
Connecting media works for individual product option choices (e.g. each color choice) but not for each variant (e.g. blue small, blue large, green small, green large).

Managing pricing and other settings per product variant

Once product options are created, settings like pricing, inventory, and pre-order availability are managed per variant, not for the product as a whole. To get started customizing the variant settings, click Edit Variants.
Note that you can customize which columns you display. If you don't see the column with the setting you need, you can add it.
GIF showing how to customize columns in the product option variant list in Wix Stores

Pricing

Store products have a number of pricing settings:
  • Product price
  • Strikethrough price
  • Cost of goods
  • Price per unit
As soon as you add product options, all of these are managed per variant.

Inventory

Set your inventory amount or status per variant. Note that you can also update inventory for multiple products and variants at once in the Inventory tab.
Tip:
If you have variants that don't require separate inventory, we suggest you a add product modifiers.

Pre-order

Allow customers to pre-order one or more variants when they're out of stock. Learn more about setting up pre-orders.

Cost of goods

Track how much it costs to purchase or produce each product variant so that your profit and margin can be calculated automatically. Learn more about calculating your cost of goods.

SKU or Barcode (GTIN)

Give each product variant a unique SKU (stock keeping unit), barcode, or GTIN (Global Trade Item Number).

Shipping weight

If you set up shipping by weight, you can enter a weight for each variant.

Updating multiple variants at once

Updating multiple variants can save time if you need to make similar changes, such as adjusting prices, SKUs, or weights.
Tip:
For advanced control, use the Inventory tab for bulk edits.

To Bulk Edit Product Variants:

  1. Go to Products in your site's dashboard.
  2. Select a product with product options.
  3. Click Edit Variants.
  4. Select the variants you want to update:
    • All Variants: Select the checkbox at the top.
    • Specific variants: Select the checkboxes next to the relevant options.
      Tip: You can filter the list.
  5. Click Set Visibility or More Actions and make the required changes.

Displaying product options on your site


FAQs