Pro Product Bundles

The Product Bundles module allows you to create bundles of products to be sold together.

With Merchant Pro, you can customize where and how you want to show the product bundles in your WooCommerce store.

You can add simple and variable products to each bundle.

In the screenshot below, you can see an example of a product bundle on a WooCommerce product page:

The Product Bundles module of Merchant Pro on a WooCommerce product page, frontend view

And here’s how the product bundle appears on product archive pages such as the Shop page:

The Product Bundles module of Merchant Pro on a WooCommerce Shop page, frontend view

(For the screenshots above, we used our Botiga WooCommerce theme and its Jewelry starter site that can be imported in just a few clicks.)

Below, we’ll see how you can configure and enable Merchant Pro’s Product Bundles module in your WooCommerce store.

1. Open the Product Bundles Module

First, open your Merchant dashboard by clicking the Merchant menu in the left sidebar of your WordPress admin area.

Find the Boost Revenue section, and click the Product Bundles module to open its settings page:

Location of the Product Bundles module on the Merchant dashboard, annotated screenshot

2. Configure the General Settings

On the admin page of the Product Bundles module, you’ll find three groups of settings:

  • General settings
  • Product single page
  • Use shortcode (for developers)

First, let’s see the options in the General settings section one by one:

  • Hide bundled products in cart – When it’s turned on, the bundled products are hidden on the Cart page, and only the product bundle itself is visible. When it’s turned off, each individual product in the bundle is shown on the Cart page.
  • Hide bundled products in mini cart – When it’s turned on, the bundles products are hidden in the mini cart, and only the product bundle itself is visible. When it’s turned off, each individual product in the bundle is listed in the mini cart.
  • Include links to bundled products on cart page –This option adds a link to the product page of each bundled product on the Cart page. (It only works when the ‘Hide bundled products in cart’ option is toggled off.)
  • Cart contents count will include – Here, you can set whether the counter on top of the cart icon (and the cart count favicon if the module is activated) treats the bundle as one product (shows 1) or counts both the bundle and the bundled products (e.g. shows 4 if the bundle includes 3 products).
  • Bundled products text style in cart – Here, you can set whether you want to show the bundled products inline (separated by semicolons) or as a bulleted list in the cart and mini cart.
General Settings of the Product Bundles module

Once you’ve configured the settings, click the Save button in the top-right corner of the page.

3. Customize How Product Bundles Show Up on Single Product Pages

In the Product single page section, you can customize how product bundles are presented on single product pages in your WooCommerce store.

You get access to the following options:

  • Display bundled products thumb – Here, you can show or hide the thumbnail images of the bundled products.
  • Display descriptions of bundled products – Here, you can show or hide the descriptions of the bundled products.
  • Display bundled products quantity – Here, you can show or hide the quantity of the bundled products.
  • Display the prices of bundled products – Here, you can decide whether you want to show the prices of the bundled products per unit, display the subtotal per product (this is only different from per-unit prices if you add more than one item of the same product), or hide the prices.
  • Calculate the prices of bundled products based on – This option lets you choose whether you want to calculate the price of the product bundle based on the regular or the sale price.
  • Where to display the bundled products – This option lets you set whether you want to show the bundled products before or after the add to cart section.
Product Single Page Settings of the Product Bundles module

When the settings are configured, click the Save button in the top-right corner of the page.

The third group of settings (Use shortcode) lets you activate a shortcode for the Product Bundles module. This is a developer setting that allows you to fine-tune the position of the module on single product pages. Only activate it if you know how shortcodes work in WordPress.

4. Enable the Product Bundles Module

To activate the module, click the Enable button at the top of the page:

Enable button on the admin page of the Product Bundles module

5. Create a Product Bundle

You can add simple and variable products to product bundles, meaning that you can create product bundles that include:

  • only simple products
  • only variable products
  • both simple and variable products

To create a new product bundle, click the Products > Add New menu in the left sidebar of your WordPress admin area:

Location of the Add New menu in the WordPress dashboard

When the product editor opens:

  1. name your product
  2. fill in the Product description and Product short description fields (the latter is not visible on the screenshot below; you can find it below the Product data section)
  3. add one or more product images
General configuration of a product bundle

Then, scroll down to the Product data section and click the dropdown next to the heading.

When the dropdown opens, select the Product Bundle option (this is added by Merchant Pro to the default WooCommerce product options):

Product Bundle option in the Product data section

Once you’ve changed the product data type to Product Bundle, a new Bundled Products tab will appear in the Product data section.

Click into the Search field and start typing the name of the first product you want to add.

The dropdown that appears under the search field will show all the simple and variable products related to the search term. Variable products will be shown by variation (e.g. if a variable product has two variations, Merchant Pro will show both options in the dropdown):

Search field with AJAX dropdown showing simple and variable products returned for the gold search term

Select all the products you want to add. Merchant Pro adds the selected products to the Selected field automatically.

For example, in the screenshot below, we added one simple and two variable products (we chose the ‘Gold’ variation for both variable products):

Product bundle with three products added on a WooCommerce product page

As you can see above, you can also:

  • change the number of each product that you add to the bundle
  • sell the bundle at a discount
  • decide how you want to manage the shipping fee and the stock
  • add some text above and below the bundle

Once all the settings are configured, scroll up to the top of the page, and click the Preview button to check if everything looks good. If so, click the Publish button to make the product bundle live in your WooCommerce store:

Location of the Preview and Publish buttons on a WooCommerce product page

A note on the stock management option. This allows for the bundle to have stock management, but it doesn’t override the bundled products stock.

This means if you have in stock 10 laptops and 10 keyboards, for example, and you will create a bundle for them, then the following will be the case:

  • The bundle will not allow you to set bundle stock more than the available products stock.
  • This gives you the ability to set the bundle quantity stock equal or less than the fewest quantity across all products inside the bundle.
  • The bundle itself will be out of stock after selling the quantity that has been set inside its settings, regardless of the stock status of the bundled products.
  • The bundle will go out of stock if any bundled products stock cannot fit the required bundle quantity.