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.)
Now let’s 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. 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)
We recommend that you review and configure each option before activating the module.
First, let’s see the options in the General settings section one by one:
- Hide bundled products in cart – When it’s turned on, each product in the bundle is listed on the Cart page. When it’s turned off, only the product bundle is visible on the Cart page.
- Hide bundled products in mini cart – When it’s turned on, each product in the bundle is listed in the mini cart. When it’s turned off, only the product bundle is visible in the mini cart.
- Display link for each bundled product on cart page –This option adds a link to the product page of each bundled product. (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.
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.
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:
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:
When the product editor opens:
- name your product
- 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)
- 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 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):
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: