Product Options

Modified on Fri, 18 Nov 2022 at 10:17 AM

 This content is only relevant for native store.

Note

Native eCommerce is now in open beta, available to all existing Website Builder users.

Note

Product options can only be added to native stores created after July 19, 2022.

If you sell products with options, such as color and size, you can create one product and add the options to the product instead of creating separate product listings for each option. For example, you can add a shirt as a product, then add color and size as options. Then for each option, you add option values. For the color option you could add red, green, and blue as option values. The option values display in a drop-down menu on the product page using the Product Options widget.

Create Options

When creating options, the option name and values must be in string format. The option name and values you create for one product are automatically saved so you can reuse them in other product listings.

To create product options:

1. In the side panel, click eCommerce.

2. Click Store Management, then click Manage products.

3. Click the product you want to add options to.

4. In the Product options section, click +Add options.

5. Type an option name. The option name appears on the Product page as a label above the Product Options widget.

6. Type option values, separating each value with a comma. The option values appear in the drop-down menu of the Product Option widget.

7. Click Add, then click Save.

Once you add options to a product, the Product Options widget is automatically added to the Product page. If the Product Options widget is not showing up, you can add it to the Product page from the Widgets panel.

Edit Option Values

You can edit the option values, such as small, medium, large, for an individual product. For example, if you now offer additional shirt sizes, you can add the new sizes as option values to the size option you already created. You can use the same options with different values for different products. For example, shirt size option values can be S and M, while pants size option values can be XS, S, M, and L.

To edit option values:

1. In the side panel, click eCommerce.

2. Click Store Management, then click Manage products.

3. Click the product you need to edit option values for.

4. In the Product options section, click the three horizontal dots () next to the option you need to edit, then select Edit option values.

5. Type new values, separating each with a comma. Or, you can remove individual values by clicking the X next to the option value.

6. Click Apply, then click Save.

Delete Option

You can delete an option, such as size, to remove it from an individual product. Deleting an option also deletes the option values associated with it. If you want to delete an option value from a set of options, see Edit Option Values.

To delete an option:

1. In the side panel, click eCommerce.

2. Click Store Management, then click Manage products.

3. Click the product you need to delete an option for.

4. In the Product options section, click the three horizontal dots () next to the desired option and select Delete option.

5. Click Delete, then click Save.

FAQs

Can I display variants in the store catalog?

Currently this feature is not available, but we plan to add it in the future. However, variants are supported in checkout. This means that if a shopper selects purple and small as the two option values for a shirt and adds it to their cart, the small, purple shirt variant is what is added to their cart.

How will this feature be improved in the future?

In the future, we plan to add the following:

  • Create different prices for different options

  • Show available options according to inventory status

  • Dynamically update images to show the selected option

  • Ability to change option selection from the cart

  • And more!

We will update the documentation as soon as these improvements are available.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article