We’d previously written a tutorial on setting up WooCommerce grouped products that many readers have referenced over time, as the concept of a “grouped” product can be a bit difficult to understand for a new shop owner. WooCommerce 3.0 changed the way grouped products are created in the shop, so we’re going to revisit this tutorial today, as we’ve gotten some version of this question from many shop owners:

The way I set up my product groups in WooCommerce 3.0 has completely changed — what’s the easiest way to do this now?


Grouped products are a very useful feature for stores, as they give store owners a way of showing customers multiple products on the same page. Using a grouped product is helpful to:

  • show cross-sells or related items immediately together on one page, such as batteries for a camera or a screen protectors for a cell phone case
  • show various versions or options available for a product, such as a subscription

The changes to grouped products in the newest versions of WooCommerce have been welcome in my eyes, as they may setting up grouped products much easier for merchants who are just getting started with WooCommerce, but the new system is definitely a departure from the old one. Here’s the main difference:

  • Before WooCommerce 3.0, a merchant had to take these steps to set up a grouped product:
    1. Create the parent grouped product, which just served as a “holder” or shell for other products that will belong in the group
    2. Create each product that will belong to the group. For example if you wanted to offer a set of camera, batteries, and case, you would first create a “holder” product for the group, then the product for the camera, batteries, and case separately.
    3. You’d then add each item to the group under “Linked products” when creating the group.
  • Now this process is essentially reversed in WooCommerce 3.0 and later. Rather than creating the grouped “holder” first, you’ll create that last:
    1. Add each product in the group to your store (ie camera, batteries, and case first)
    2. Then add a new product to hold the group together.
    3. On the new grouped product, add each item in the group to “Linked Products”.

So it’s definitely a new concept, but I think it makes more sense for new store owners to think this way — “I’ll create my products and group them together” — instead of “I’ll create the placeholder group, then add the products to it”.

So here’s what the new process looks like to create a grouped product with new versions of WooCommerce.

WooCommerce Grouped Products in version 3.0+

The first thing you’ll now do is create each product that will belong to the group. I’m going to stick with my camera example, and add each camera item and related product as a separate product listing in my store.

WooCommerce Grouped Products: add items

If you want these items to show up individually in your catalog, you can publish them and leave the items alone. If you only want to show the item as part of your group, you should consider changing the catalog visibility of each item to make them “hidden” from the catalog:

WooCommerce Grouped Product visibility

Once you’ve added all products that will belong to the group and determined whether they should be shown individually in your shop or not, you’re now ready to group them together.

Here’s the most powerful thing about the changes to grouped products: because you no longer have to add the group on the individual item; but rather, products are added to the group, well, through the group, you can add more product types into a group. This means that, while you couldn’t add a variable product to the group in previous versions, you can with WooCommerce 3.0+.

So you can prepare your group by adding your final product: a grouped product. You’ll then add all of the items you just made to the group under “Linked products”.

WooCommerce Grouped products create group

Once you’ve added all items to the group, you’re done 🙂

WooCommerce Grouped Products display

You’ll now see the ability to add any item in the group, and if you’ve added a variable product to the group, you’ll see that it shows “Select options” like the shop page instead of a quantity selector (to ensure customers add a specific variation to the cart).


Cover Photo Credit: Stefan Baudy (CC BY 2.0 license)
Note: This post may contain affiliate links, which means we get a commission from the plugin, theme, or service provider if you choose to purchase. Regardless of this, we are committed to providing high quality, unbiased resources. Have more questions? See our affiliate policy. You can use the plain links below if you prefer that we not receive a referral commission:

Articles you may also like:

Posted by Beka Rice

Beka Rice manages the direction of Sell with WP content and writes or edits most of our articles to share her interests in eCommerce. Or she just writes as an excuse to spend more time jamming out to anything from The Clash to Lady Gaga. Who knows.

11 Comments

  1. Been building a new WooCommerce website for my company this past year, which includes a lot of grouped products. Finally updated both WooCommerce and my DIVI theme that connects to a child theme this past week. Even though there are some nice improvements, it unfortunately caused all the simple products in my groups to display the same group name for the simple products instead of the different product names. So it looks like I’m selling four of the same thing with different prices. Interestingly, when I add them to the cart, the simple products display the correct name. Curious if you’ve come across this before and how it could be fixed?

    Reply

    1. Hey Stephen! I noticed this as well, this is an issue only in WooCommerce 3.0.6. I submitted a fix for it already and it will be patched in 3.0.7.

      Reply

  2. Hello Beka,

    I have the same situation … do you know when it will be patched?

    Thanks and best regards

    Reply

    1. It will be patched in version 3.0.7, but I don’t know when that will be. If you have FTP access, you could consider taking that template file that I’d amended from the WooCommerce repository and copying it over to your site manually for now until this is out.

      Reply

      1. How do I get access to the WooCommerce repository. I need this fix immediately if possible.

        Reply

        1. The link I have above will take you right to the code I changed 🙂

  3. Hi Beka,

    When you add a Variable product to a Group it shows “Select Options” on the product page, and if clicked takes you to the real product page. That doesn’t make much sense to me, that basically makes it a useless option, right?

    I mean the whole point is to have all the products available on 1 page, easy to shop easy to buy. But by clicking Select Options your directing people away from the page, and to me that takes away the whole point of having it there.

    If there was a way to select options without ever leaving that page then it would be an excellent feature.

    Am I missing something?

    Reply

    1. Hey Justin, I don’t really see a way for this to be possible on the product page without customization. While it would work for stores with one or two variations, there are stores with thousands of configurations for a product, so there’s not really a way to put 8 – 10 dropdowns in that form in a way that works for the majority of stores. You could likely do it via some customization though, I just wouldn’t anticipate this working its way into WooCommerce core 🙂

      Reply

      1. Hey Beka,

        I understand that wouldn’t work for products with lots of variations.

        What about this, how about being able to add a specific variation, instead of the Parent?

        This is doable in certain Coupon Plugins, and other plugins. I’m assuming that the functionality is there to be able to that. ?

        Reply

  4. I’m sorry, but I am not seeing where I can actually download the patch for this. How do I do that?

    Reply

  5. Samuel Douglas June 23, 2017 at 12:57 am

    I just upgraded from woocommerce 2+ to woocommerce 3.09. How do you setup the groups? I tried following your article, but the new way you showed is exactly how I have it setup previously, and it is not working. I know I am missing somethhing here. Can you help me?
    Thanks..
    here is the product…

    Reply

Leave a reply

Your email address will not be published. Required fields are marked *