Maximize Your OpenCart Revenue Using Product Bundles

Product bundles are a well known sales strategy that aims to increase the amount of products your customers purchase. You’ve seen it in action time and time again when browsing Amazon and you’ve surely been tempted to add the entire bundle to your cart.

What’s so great about product bundles for customers?

Relevance.

The perfect bundle is the one that has two, three or more products that are complementing each other. Or at least as relevant as possible.

(Source: Amazon)

From the above example, we can see a new computer processor, bundled together with a must-have component, which is the cooler. Additionally, you have the new memory standard that’s compatible with the processor for optimal performance.

If you’re going to purchase this processor, you will most surely need all of those products in addition to it. What’s more awesome than getting all of them at a lower price than you would usually pay to get them separately?

Product bundles aim to give customers a great deal and stimulate them to increase their AOV (average order size).

From the bundle, we can see the cost of each product separately and the total price of the bundle, showing how much we’re saving if we purchase it.

Now the question is, how do we do that and boost our sales in OpenCart?

ProductBundles 4.0 has Just Been Released!

One of the most popular OpenCart extensions just got a makeover. ProductBundles was redesigned and now comes with a completely new interface and lots of new features!

  • Creating and editing bundles is simpler than ever

  • More flexible discount types for better bundle pricing

  • Added bundle description

  • Fixed or Percentage discount

  • Option to add a product to the same bundle twice

  • SEO features for boosting your store’s ranking

  • Date Availability feature for creating limited-time bundles

  • … and many more!

New Control Panel Interface

Let’s start from the redesigned admin panel of ProductBundles. The new interface is more flexible and easy to use. You have more control over the price and discount calculation, as well as the way the bundles look on the storefront.

Control Panel

After you enable ProductBundles from the module status, you have a couple of setting to configure:

Behavior when a bundle is added more than once - whether the discount should be applied just once or every time a bundle is added to the cart.

Regard taxes while calculating the bundle price - whether the bundle discount will be calculated before or after the taxes are applied to the cart.

Bundles

This is the bundle creation field. You can enable or disable your bundles whenever you want for easier management.

You need to enter a name, SEO keyword and a description (optional) for your bundle.

1. Set Bundle Name and Description

In the new interface, we separated the bundle creation process in smaller steps for easier bundle creation.

Name - Give your bundle a name.

SEO Keyword - Choose an SEO keyword which will define the SEO-friendly URL of your bundle.

Show the Description of the Bundle - Enter a clear and enticing description for your customers.

We have defined some values for each of those fields so we can give an example of how they look like in the storefront.

2. Add products to the bundle and define its position

When choosing specific products you are essentially allowing ProductBundles to trigger on these products only. Same goes for categories. Once you input the categories this would mean that the bundle will be showing on the selected categories.

To find the products you want to bundle together, start entering their names in the Choose Product field.

They will appear automatically and you only need to select them, define their bundle quantity and click the Add Product.

Show the Bundle on - Choose the products and categories where you want the bundle to be displayed. It works the same way as adding the products to your bundle.

Start typing the name of the product or category, choose it from the dropdown and add it to the list.

3. Set Bundle Discount

The Discount Type can be either a fixed price or percentage.

Both of them are defined in the Discount Value field below where you enter the amount of the discount.

ProductBundles displays the total price of all the products in the bundle and calculates the price with the discount applied.

4. Optional

Sort Order - The optional settings let you assign a sort order to the bundle you are creating for a more organized look in the admin panel.

It also defines the order between the different bundles in the storefront.

Date Available - If you want to create a bundle that will launch on a future date, use this option to choose the exact date when the bundle will become available in the storefront.

Widget Settings

ProductBundles lets you create a separate widget for your bundles and customize it to fit the design of your store. You can configure the widget using these settings:

Title - Enter a name for your widget. For example - Check out this bundle; Often purchased together; etc.

Wrap in Widget - Enable or disable the widget in the storefront.

Bundles in Widget - Enter the number of bundles you want the widget to hold.

Display Type - Choose whether you want the bundles to be displayed in a random order or chronologically (by date created).

Show Random Bundles - This setting lets you randomize the way your bundles are shown throughout the pages of your store.

This depends on the layouts where ProductBundles is assigned.

Show the Description of the Bundle - Enable this setting to display the description you configure for each bundle in the Bundles tab.

Picture Width & Height - Define the dimensions for the product images that are displayed in the bundles using pixels.

Custom CSS - ProductBundles can be customized in any way you want. Use the Custom CSS* field to enter your own styles to make the bundles look awesome within your store’s design.

*It is recommended to have advanced CSS knowledge to use this field.

View Page Settings

The View Page settings let you configure some details about how the bundle looks when you open it separately.

Show the Description of the Bundle - You can enable or disable the bundle description for the page view. This will not remove the description, it simply won’t display it in the storefront.

Picture Width & Height - Configure the dimensions of the product images using pixels.

Custom CSS - Create a custom look for the page view of each bundle with the custom CSS field.

For example, this is how the page view of a single bundle looks like:

Listing View Settings

The settings for the listing view let you configure the Bundles page in your store. This is a separate page you can include in your main menu where all the bundles will be shown together.

Listing URL - A preview of the URL leading to your listing page.

Add Link to The Listing in The Main Menu - Choose whether you want the listing (Bundles) page to be part of the main menu in your OpenCart storefront.

Menu Link Title - Choose a suitable title for the listing page (it will be the name shown in the main menu).

Menu Link Sort Order - The position of the listing page among other links in the main menu.

Bundles Per Page - Choose the maximum number of bundles you want to show on a single page.

SEO Options - This is a brand new feature for ProductBundles. You can utilize the existence of the Bundle page in your OpenCart store to the fullest and enter metadata for it in the form of a Title, Description, Keywords and SEO Slug.

Important: To use the SEO Slugs and SEO Keywords in ProductBundles, you must enable your SEO URLs from your OpenCart settings. View this tutorial for instructions on how to do that.

Show the Description of the Bundle - Choose whether you want to show the description of each bundle in the listing page.

Picture Width & Height - Configure the product images in every bundle in the listing page.

Custom CSS - Enter your own custom CSS to adapt the looks of the listing page to your unique store design.

How the Bundles Look in the OpenCart Storefront

This is how a default bundle looks like in the standard design of OpenCart.

What matters the most here is that almost every component is customizable to your liking. The bundle name, the widget, the description, product images and position, everything including custom CSS styles.

Customers clearly see the price of each product individually and how much they will save by purchasing the entire bundle.

ProductBundles in the Product page

You can select the position of the bundle when you assign it to the products using the OpenCart layout system (Admin > Design > Layouts).

In this example, we’ve placed the bundle at the top of the product page. Let’s switch its position at the bottom of the page, where most E-Commerce stores position their bundles.

Let’s see how this looks:

Much better.

Now imagine this integrated in your store and adapted to your products and design.

Product Bundles are Great for Business!

Bundled products are always perceived positively by customers. They see it as a great deal because they are getting more for less, what’s better than that? Try out ProductBundles for your store and let us know how it helped you get your sales up!

View ProductBundles Demo

Join 11,000+ subscribers receiving actionable E-commerce advice

* Unsubscribe any time
comments powered by Disqus