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:

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

(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:

2. Review the Settings of the Module

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

• Product page settings – These options let you configure how your product bundles appear on the WooCommerce product pages.
• Cart settings – These options let you configure how your product bundles appear in the cart and mini cart and on the Cart page.
• Use shortcode – This is an option for developers. It allows you to fine-tune the location of your product bundles on the product pages.

Right to the options, you can also see a Preview pane that shows a real-time frontend view of your Product Bundles module:

3. Configure the Product Page Settings

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

• Display bundled product thumbnails – Here, you can show or hide the thumbnail images of the bundled products.
• Display bundled product descriptions – Here, you can show or hide the descriptions of the bundled products.
• Display bundled product quantities – Here, you can show or hide the quantities of the bundled products.
• Make bundled product thumbnails and titles clickable – This option lets you link the titles and thumbnail images of the bundled products to their product pages.
• 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 to the bundle), 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. (Note that if you use our Botiga theme, this option is controlled by the theme, and you can change it from the WooCommerce panel in the Customizer.)

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

4. Customize Your Cart Settings

In the Cart settings section, you can customize the following options:

• Hide bundled products in cart – When it’s turned off, each product in the bundle is listed on the Cart page. When it’s turned on, only the product bundle is visible on the Cart page.
• Hide bundled products in mini cart – When it’s turned off, each product in the bundle is listed in the mini cart. When it’s turned on, only the product bundle is visible 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.
• 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 or counts both the bundle and the bundled products.
• Show bundled products – 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.

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

5. Activate the Module’s Shortcode

This is a developer setting that allows you to set the position of the module on single product pages using the following shortcode:

[merchant_module_product_bundles]

Only enable it, if you know how shortcodes work in WordPress.

To activate the shortcode, toggle on the Use shortcode option, and then click the Save button at the top of the page:

6. Enable the Product Bundles Module

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

7. Create a Product Bundle

To create a new product bundle, click the Add New Bundle button on the module’s admin page:

It will open the WooCommerce product editor that you can also reach from the Products > Add New menu in the left sidebar of your WordPress admin area. Your product bundles will be saved as WooCommerce products, and you can find them from the Products > All Products menu once saved.

When the product editor opens:

1. Name your product bundle.
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.

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):

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):

Select all the products you want to add. Merchant Pro will insert the selected products into 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):

As you can see above, you can also:

• change the number of each product that you add to the bundle
• set a fixed price for the bundle
• sell the bundle at a discount
• decide how you want to manage the shipping fee and the stock (see how the stock management option works below)
• 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:

A Note on the Stock Management Option

The Manage stock option allows for the bundle to have stock management, but it doesn’t override the bundled products stock.

For example, if you have in stock 10 laptops and 10 keyboards and you 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 to 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.

Video Walkthrough

Check out the video below for a live demo of the Product Bundles module: