WooCommerce Grouped Products

WooCommerce Grouped Products

WooCommerce Grouped Products

WooCommerce allows you to add different product types to your online store. You can add a simple product, virtual product, affiliate product, variable product or a grouped product. In this tutorial, we’ll focus on WooCommerce grouped products – what they are and how to add them.

As the name implies, a grouped product is a set of similar products displayed on one product page. A typical example of a grouped product is a cell phone + a screen guard + a phone case + a car charger.

Although they are displayed together, a customer is not compelled to purchase them all. The items can be purchased separately. He/she may simply choose to buy the cell phone itself and a screen guard to go with it, leaving the other WooCommerce products out. This is very similar to a WooCommerce product bundle except that items in bundled products have to be purchased together.

Without any further delay, let’s get started.

Content:

When should I use a WooCommerce grouped product?

This question is quite common among WooCommerce users. Deciding whether to use a grouped product instead of a variable product or a simple product can be tricky sometimes. But, let’s break things down a bit.

WooCommerce grouped products are used to display a set of related products. For instance, when an online shopper buys an electronic keyboard, he may need a keyboard stand too. Most times, the products are frequently bought together. So, grouping these products on one product page makes a lot of sense.

Also, you should use WooCommerce grouped products when you sell products that have different versions/options. Let’s say you sell USB flash drives, you can group flash drives with different storage capacities. This way, your customers can choose any version of the product they prefer.

How can I set up grouped products in Woocommerce?

Setting up a grouped product in WooCommerce is a very easy task. Let’s go ahead and create a back to school kit consisting of a backpack, stationery, lunch bag, lab coat, and footwear. We will refer to these individual items as child products.

Step 1: Create individual child products.

To do this, go to Products >> Add New in your admin section.

How to add a simple product in woocommerce

Enter the product name and a short description for the first of the individual products, let’s say the backpack.

Create WooCommerce grouped products

Scroll down to the ‘product data’ section.

Product data settings - WooCommerce grouped products

This is where you input the majority of your product’s data like price, weight, dimensions, stock status, etc. If you click through the left menu, you will see other fields to fill, such as:

  • SKU: stands for Stock Keeping Unit. It is a unique code used to identify an item in a retail store.
  • Upsells: they are the products you recommend instead of the one being viewed by a customer.
  • Cross-sells: they are other products you promote based on the item being viewed by a customer.
  • Purchase note: this contains a message sent to a customer after a purchase. It is optional.

Fill the required data as you normally would for the type of individual product you are creating. When done, hit Publish.

Repeat this process until all products are created.

Step 2: Create the grouped product

Creating a grouped product is similar to creating a simple product in WooCommerce. It’s more like a parent product to the child products we created previously. To do this, go to products >> Add New (like we did previously). Type in the name of the grouped product and its description in the appropriate fields.

Now scroll down to the ‘product data’ section and select ‘Grouped Product’ in the product type dropdown.
You do not need to fill in the price of a grouped product. This is because each of the child products already has prices assigned to them. Nonetheless, you can fill in the Stock Keeping Unit (SKU), product’s image, etc.

Still, in the products data section, click the Linked Products menu.

Setting up WooCommerce grouped products

Type in the names of each child’s products. You will get suggestions as you type. Click on a suggestion to choose each correct item.

linking products - WooCommerce grouped products settings

After entering each product, you can drag and drop the items to re-order them.

rearranging child products - WooCommerce grouped products

Before you publish the grouped product, set an image for it. To do this, click on the ‘set product image’ on the right side of your screen. And upload an image.

setting product's image - WooCommerce grouped products

This is how the grouped product will appear on your front-end.

final grouped product

A customer only needs to enter the quantity for each product they want, then click the add to cart button.

Side note: You can add one simple product to as many groups as you want.

Adding a Variable Product to a Grouped Product

Unlike the former versions of WooCommerce, the recent version allows you to add a variable product to grouped products. A variable product is a type of product with variations. It gives a customer multiple product options to choose from. A typical example is a T-shirt with different sizes and colors. Here is how a variable product appears when placed in a grouped product.

adding a variable product

However, there is a little setback with this. A customer who clicks on the ‘select options’ button will be redirected to the variable product’s page. This may not be a rather good experience for your customers.

Showing images for child products

We can go a step further to add thumbnails to all single products in a Woocommerce grouped product. To do this, however, we have to work with codes a little bit. Of course, we won’t be using the parent theme but the child theme. Simply add this code to your theme’s function.php file:

add_action( 'woocommerce_grouped_product_list_before_label', 'bc_woocommerce_grouped_product_thumbnail' );

function bc_woocommerce_grouped_product_thumbnail( $product ) {

$attachment_url = wp_get_attachment_image_src($product->get_image_id(), ‘thumbnail’, false)[0];

?>

<img src=”<?php echo $attachment_url; ?>

Save your changes and that’s it.

Final Thoughts

Presenting a group of items on one product page can improve your user experience. They won’t have to go from one product page to another in search of related items.

This WordPress tutorial has surely shown you how to create grouped products. Go on to improve your sales with this knowledge.

To further enjoy the Woocommerce plugin, there are a few extensions you can purchase; like the min/max quantity extension, force sells extensions, etc. Also, you can add a product table to your store to display your products better. That can be achieved with the aid of WordPress plugins like WooCommerce product table.

Lastly, we have a number of Woocommerce tutorials you can learn WooCommerce from. They include: How to fix common WooCommerce errors and how to set up Paypal in WooCommerce. Do well to check them out.

More Resources: