Create Your First Linked Variation Group

A group of products linked by attributes is called a “variation group”.

For this example you’ll be creating a variation group of iPhones. The iPhone comes in different colours and storage amounts. As such, our products will be linked by Colour and Storage.

Create the Product Attributes

To create a linked variation group, you firstly needs some attributes available. Let’s create
Colour and Storage attributes.

  1. Navigate to Products > Attributes.
  2. Under Add new attribute, enter your attribute name. For example “Colour”.
  3. Leave the rest of the settings as they are and click Add attribute.
  4. Once added, click Configure Terms.
  5. The iPhone X comes in 2 colours; Space Grey and Silver. We’ll add these as terms. Enter Space Grey into the Name field.
  6. Leave the other fields blank and then click Add new Colour.
  7. Repeat this step to add the other colours.
  8. Now add the Storage attribute and terms.

Create the Products

Unlike a typical variable product, WooCommerce Linked Variations will group together any product types. For this example we’ll link 4 simple products; 
iPhone X – Space Grey / 64GB, iPhone X – Space Grey / 256GBiPhone X – Silver / 64GB, and iPhone X – Silver / 256GB.

  1. Go to Products > Add New.
  2. Enter the product title.
  3. Go to the Product Data meta box.
  4. Enter a regular price for the product.
  5. Click on the Attributes tab.
  6. In the dropdown that currently says Custom product attribute, select Colour.
  7. Click Add.
  8. Click in the Value(s) field and select the colour of this product. (Note: You should only select one value for each attribute).
  9. Repeat for the other attributes.
  10. Add your product images and publish the product.
  11. Repeat these steps to create the other products.

Create the Linked Variations Group

Now that the products and attributes are ready, we can link these products together to create a linked variations group.

  1. Navigate to Products > Linked Variations.
  2. Click Add New.
  3. Enter a title for the group.
  4. In the Products field, start typing the name of your products and select them all.
  5. Click the Colour and Storage checkboxes. You can drag/drop to change the order they appear on the product page.
  6. Click Show images? if you want the values for the first attribute in the list to be displayed as the relevant product images. As our attribute is Colour, this make sense.
  7. Click Publish.

Try It Out

You’re ready to try it out! 

  1. Navigate to one of the products you added on the frontend of your website.
  2. You’ll now see the product has Colour and Storage options available. The Colour options show the product images, as per our settings.
  3. Click one of the other options and you will be liked through to the respective product page.

Are you using WooCommerce Linked Variations yet?

Start your 14-day free trial right now and get instant access to the features described in this article.

or learn more

Was this helpful?

Please let us know if this article was useful. It is the best way to ensure our documentation is as helpful as possible.

Iconic WooCommerce Linked Variations

WooCommerce Linked Variations

Not got the plugin yet? Get instant access right now, free for 14 days.

or learn more

Still need help?

If you haven't found what you're looking for in our documentation, please contact support.

Get Support