Skip to main content
Skip table of contents

Using product options

Purpose and scope

Do you have products that are variations of each other that you would like to group together on a single screen in WebShop so your customers can quickly find the product variation they wish to purchase? If so, our product options feature is for you! A product option, also referred to as a product variant, is a variation of a particular product which is available for purchase. Each product option has a product code, label and value associated with it. They are displayed together on the product screen, allowing your customers to quickly find the product variation they wish to purchase.

Using product options also affects how your WebShop is indexed by search engines because this feature allows you to group similar products together, which in turn improves your search engine optimization.

This article describes this feature in more detail and provides some typical use cases that you can consider when setting up your product catalogue.

Introducing terms and concepts used in this article

Term

Definition

Product code

(SKU), the unique code for the product.

Product option

a variation of a particular product, which the customer can select when they purchase the product; for example, a pair of shoes could have 5 size options and 4 colour options.

Product option set

a set of products, each with their own product code which are slightly different from each other. In each product option set, one product is nominally defined as the parent product with the other products in the set associated with the parent product but with their own product code, option label and values.

Search engine optimization

(SEO), a method of attracting more organic traffic to your website (in this case, WebShop) by making it appear higher on search engine results pages.

Benefits

Key benefits are:

  • Improve your customers' user journey in WebShop in a way that suits your business processes

  • Link similar products together so your customers can see what is available easily

  • Optimize your SEO

Fitting it all together

A product option, also referred to as a product variant, is a variation of a particular product which is available for purchase. Each product option has a product code, label and value associated with it. A product option set is a set of products, each with their own product code which are slightly different from each other. In each product option set, one product is nominally defined as the parent product with the other products in the set associated with the parent product but with their own product code, option label and values.

Example

A merchant sells shoes.

One of the shoes that are on sale have two product options labelled “colour” and “size”.

Each product option can have one or more values associated with it.

  • The product option values for “colour” can be blue, green, black and brown.

  • The product option for “size“ can be 38, 39, 40, 41 and 42.

Product options are configured in Management Interface either individually or using our product import / export spreadsheet feature. Once configured and saved, product options are displayed immediately in WebShop.

Consider these questions when you are devising how you wish to implement product options for your business.

  • Do you want the content for each product variant to be visible and dynamic in your product catalogue?

  • Do you want your customers to select a configuration of a parent / master product, with each variant not independently searchable in your product catalogue or Management Interface?

  • Do you want to use the same product variants with a different parent / master product?

  • How would you like the products in your product catalogue to be indexed for SEO purposes?

Use case 1: Each product option is visible and searchable in your product catalogue

Use case 1

A merchant has a set of products that are similar, and the merchant wants each product variant to be independently visible in their product catalogue. The parent product is set as an options product in Management Interface. The parent product may be imported from the ERP, or it may exist solely on our platform (referred to as being a ‘dummy parent product’). Product variants also have unique product codes and are imported from the ERP. Each product variant must be set to Visible in the product catalogue. Configure actual products (that are contained in your ERP and which you wish to sell) as members of the product option set. Add product option labels and values to each product. Finally, link them with the parent product.

Setting up product options in this way has the following consequences:

  • One or more products in the product option set are visible in your product catalogue in WebShop and in Product Administration in Management Interface.

  • Content (product description, keywords, metadata and so on) can differ for each product option.

  • Product variants can be searched for and listed under the parent product and independently in WebShop.

  • Pricing and stock for product variants come directly from your ERP and are displayed in WebShop once you select which option you wish to purchase.

Watch

In this example, a merchant is selling iPads with one product option - screen size. The dummy parent product code has been created in Management Interface, with the product options imported from the ERP. One of the product options - PLUG003 - is also independently visible in the product catalogue.

Use case 2: Product options are associated with a parent product and are not independently searchable in your product catalogue

Use case 2

A merchant has a set of products that are similar, but the merchant only wants the parent product in the set to be visible in their product catalogue. The parent product is set as an options product in Management Interface. The parent product may be imported from the ERP, or it may exist solely on our platform (referred to as being a ‘dummy parent product’). Typically, its name refers to the set of products that are associated with it. Use existing product options and labels or create new options and labels. Configure actual products (that are contained in your ERP and which you wish to sell) as members of the product option set. Add product option labels and values to each product. Finally, link them with the dummy parent product.

Setting up product options in this way has the following consequences:

  • Only the parent product (which may be either an actual product imported from your ERP or a dummy product created in Management Interface to link the actual product variants together) is visible in your product catalogue in WebShop and in Product Administration in Management Interface.

  • All content (product description, keywords, metadata and so on) are inherited from the parent product. You can not add unique product descriptions to each product variant.

  • Product variants can only be located and added to the Cart from the parent product in WebShop. Search for the parent product, select which option you want to purchase and add that product variation to the Cart.

  • Pricing and stock for product variants come directly from your ERP and are displayed in WebShop once you select which option you wish to purchase.

Watch

In this example, a merchant is selling T-shirts with two product variations - colour and size. The parent product code has been created in Management Interface, with the variations being imported from the ERP.

Use case 3: Product options are associated with different parent products

Use case 3

A merchant has a set of product options that can be assigned to multiple parent products, and the merchant may or may not want only the parent product in the set to be visible in their product catalogue. The parent product is set as an options product in Management Interface. The parent product is imported from the ERP. Each product in the product option set also have unique product codes in the ERP. On our platform, each product in the product option set is also assigned a dummy product code, which has the format of <productCode-WEB00X> where X is a number. The product option code can be split in two, with the first half (productCode) being used to retrieve pricing and stock information from the ERP, while the second half (WEB00X) is used to ensure that each product option set is displayed correctly in WebShop.

Add product option labels and values to each product. Finally, link them with the parent product code.

Setting up product options in this way has the following consequences:

  • Only the parent product (which is an actual product imported from your ERP is visible in your product catalogue in WebShop and in Product Administration in Management Interface).

  • All content (product description, keywords, metadata and so on) are inherited from the parent product. You can not add unique product descriptions to each product variant.

  • Product variants can only be located and added to the Cart from the parent product in WebShop. Search for the parent product, select which option you want to purchase and add that product variation to the Cart.

  • Pricing and stock for product variants come directly from your ERP and are displayed in WebShop once you select which option you wish to purchase.

  • When the order is placed, the dummy product code for the product option is split into two. The product code for that product option that is known to the ERP is included in the order placed. For example, if the dummy product code is TW4-WEB001, only TW4 is sent to the ERP.

  • The dummy product codes ensure that each product option set is displayed correctly in WebShop when you have multiple parent products using the same product options.

SEO considerations

How you configure product options is also dependent on whether you are a B2B or B2C merchant since SEO is impacted by the appearance of multiple similar products in your WebShop when your customers use search engines to locate your products. Our platform uses Google recommended schema so that your WebShop can be indexed in such a way as to improve its SEO. Difference schema are used depending on whether you are a B2B or B2C merchant. Read Understanding SEO in WebShop for more information on what SEO features we support and how they can help your search engine optimisation.

More information

Assumption

You are logged into Management Interface.

Set up

  • Click Settings.

  • Locate settings related to Product Options, either by navigating to Features → Option Product or by searching for ‘options’ using the Search facility.

  • Toggle “Enable Product Options“ to On to enable this feature.

ProductOptions-SetUp.jpg

Configure a single product with product options

Create product option label and content using the Catalogue → Product options screen in Management Interface.

Configure the product as an Options product using the Product Administration tool. Then, open the Product with Options editor (found under the Product Settings tab on the Catalogue → Products screen in Management Interface) to add product option labels to the product.

Read our detailed step by step guide to configuring a single product with product options.

Import and export product options using a spreadsheet

  • Create a spreadsheet containing the parent product code, the associated product option code and a list of one or more product option labels and content.

Check the spelling of any product option labels and / or content included in your spreadsheet when uploading existing product option labels and / or content since they must be identical to existing data.

  • Import the spreadsheet using our import / export spreadsheet feature.

Read our detailed step by step guide to import product options.

Related content

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.