{"id":32741,"date":"2020-08-20T11:40:38","date_gmt":"2020-08-20T08:40:38","guid":{"rendered":"https:\/\/themeisle.com\/blog\/?p=32741"},"modified":"2023-09-15T23:11:38","modified_gmt":"2023-09-15T20:11:38","slug":"woocommerce-bundle-products","status":"publish","type":"post","link":"https:\/\/themeisle.com\/blog\/woocommerce-bundle-products\/","title":{"rendered":"How to Create WooCommerce Bundle Products (Step-by-Step Guide)"},"content":{"rendered":"\n

Grouped, bundled, packaged, paired. Quite a few names are assigned to the idea of wrapping several products together in one sale. The purpose is often to provide a slight discount, while convincing the customer to spend more money on one visit. In this guide, we’ll discuss how to make WooCommerce bundle products with built-in WooCommerce features.<\/p>\n\n\n\n

\n
\n

Several methods are available for bundling products, so the tips and steps will attempt to cover the most effective. Furthermore, we’ll look into free and premium plugins and extensions that add advanced product bundling features. <\/p>\n<\/div>\n\n\n\n

\n\t\t
<\/div>\n\t\t\t
\n\t\t \t
\n\t\t \t\tHow to create #WooCommerce bundle products (with or without #plugins) \ud83d\udecd\ufe0f<\/a>\n\t\t \t<\/div>\n\t\t \t
\n\t\t \tClick To Tweet \n\t\t \t\t<\/span>\n\t\t \t<\/a>\n\t\t <\/div>\n\t\t<\/div>\n<\/div>\n<\/div>\n\n\n\n

How to create WooCommerce bundle products with the built-in feature<\/h2>\n\n\n\n

For this tutorial, we’ll assume two things:<\/p>\n\n\n\n

    \n
  1. You have a working WooCommerce store already <\/strong>– if you haven’t set up your store yet, read our guide on launching a WooCommerce store<\/a>. <\/li>\n\n\n\n
  2. You’ve already added the individual products that you want to include in your bundles <\/strong>– if you haven’t added those, you can follow our tutorial on adding products<\/a>. <\/li>\n<\/ol>\n\n\n\n

    Once you’ve done that, here’s how to create your bundled products:<\/p>\n\n\n\n

    1. Create a new product<\/h3>\n\n\n\n

    To make WooCommerce bundle products, start by going to the WordPress dashboard and clicking on Products<\/strong> > Add New<\/strong>. <\/p>\n\n\n

    \n
    \"add<\/figure><\/div>\n\n\n

    You’ll make a new product, outside of the current items already in your store. Keep in mind, however, that a bundled product requires other products to be linked to it. So, you must already have some items in the store that you want to “bundle together”.<\/p>\n\n\n\n

    Make a name and description for the bundle. The title should have a relevant name and include some sort of wording like “bundle” or “value pack.”<\/p>\n\n\n\n

    In the description, outline the purpose of bundling those products together and explain each item with a little detail. It’s also not a bad idea to explain if any discounts are included if they decide to purchase the entire bundle over the individual products. <\/p>\n\n\n

    \n
    \"edit<\/figure><\/div>\n\n\n

    2. Edit product data<\/h3>\n\n\n\n

    Scroll down to the Product data<\/strong> box. Select the Grouped product <\/strong>option in the dropdown. <\/p>\n\n\n

    \n
    \"grouped<\/figure><\/div>\n\n\n

    Click on the Linked Products <\/strong>tab.<\/p>\n\n\n\n

    The Grouped products <\/strong>field is where you add the products that will make up the entire bundle. For this example, I’m bundling a cap, sunglasses, belt, and shirt, marketing it as a “Summer Wardrobe Bundle.”<\/p>\n\n\n\n

    The Grouped products<\/strong> field lets you type in the name of an existing product. As long as the product already exists in your store, it comes up as a suggestion to choose from. <\/p>\n\n\n\n

    You can leave all of the other settings as the defaults.<\/p>\n\n\n

    \n
    \"linked<\/figure><\/div>\n\n\n

    3. Upload images and choose categories<\/h3>\n\n\n\n

    To finish things out, perform a few more housekeeping steps like choosing a product image for your bundle and assigning it a product category.<\/p>\n\n\n\n

    Look at the Product image<\/strong> box on the right side of the page. <\/p>\n\n\n\n

    It’s prudent to create an image that includes all the bundled items. For instance, I grabbed screenshots of each product and combined them together in Photoshop. Feel free to get creative with your bundle photos. Many online stores show the bundles in action, like with a model wearing all of the four products in this bundle. <\/p>\n\n\n

    \n
    \"product<\/figure><\/div>\n\n\n

    Add a category for your bundled products (e.g. “Bundles”) and place this product in that category:<\/p>\n\n\n

    \n
    \"product<\/figure><\/div>\n\n\n

    Then, Publish<\/strong> or Update<\/strong> your bundled product to make your changes live:<\/p>\n\n\n

    \n
    \"update<\/figure><\/div>\n\n\n

    4. Test your bundled product<\/h3>\n\n\n\n

    To make sure your product is working, navigate to the frontend of your store. Find the bundled product and view the product page. <\/p>\n\n\n

    \n
    \"frontend<\/figure><\/div>\n\n\n

    The screenshot below demonstrates what WooCommerce bundle products look like. <\/p>\n\n\n\n

    Each item in the bundle is listed, with the title and pricing available. The customer then has the option to adjust quantities or get rid of something in the bundle. <\/p>\n\n\n

    \n
    \"summer<\/figure><\/div>\n\n\n

    After adding the bundle to the cart, each product is tallied as an individual item. <\/p>\n\n\n\n

    The benefit is that the customer speeds up the shopping process<\/a> and there are potential savings, as we’ll discuss below. <\/p>\n\n\n

    \n
    \"cart\"<\/figure><\/div>\n\n\n

    How to give a discount for WooCommerce bundle products<\/h3>\n\n\n\n

    By default, the WooCommerce tools aren’t that user-friendly for discounting a bundled product. We generally recommend premium plugins for improved functionality. <\/p>\n\n\n\n

    However, there is one workaround that’s worth considering, which is using the built-in WooCommerce coupon functionality.<\/p>\n\n\n\n

    Go to WooCommerce<\/strong> > Coupons<\/strong>. <\/p>\n\n\n

    \n
    \"going<\/figure><\/div>\n\n\n

    Select the Add coupon<\/strong> button. <\/p>\n\n\n

    \n
    \"add<\/figure><\/div>\n\n\n

    Create a coupon code that your customers will type in if they’re buying that specific bundle. <\/p>\n\n\n\n

    You can also include a description for your own reference.<\/p>\n\n\n

    \n
    \"add<\/figure><\/div>\n\n\n

    Scroll down to the Coupon data<\/strong> box. Under the General<\/strong> tab, use the drop-down to select the Fixed cart discount<\/strong> as the Discount type<\/strong>. <\/p>\n\n\n\n

    Decide on a discount. For our tutorial, I’m adding a $10 discount for the bundle. You also have options for expiration dates and free shipping. <\/p>\n\n\n

    \n
    \"general<\/figure><\/div>\n\n\n

    Select the Usage restriction<\/strong> tab and add every product in that bundle for the Products<\/strong> field. This indicates that the discount is provided whenever any of these products are in the shopping cart. <\/p>\n\n\n\n

    However, you might not want to give away a $10 coupon for someone who’s only buying a few of the products from the bundle. <\/p>\n\n\n\n

    If you want to avoid that, you can set a Minimum spend<\/strong>. The total price for the example bundle is $173, so you could set the minimum spend at $172. This way, the coupon doesn’t work if a customer removes one of the products in the bundle. <\/p>\n\n\n

    \n
    \"usage<\/figure><\/div>\n\n\n

    As a demonstration of the bundle discount in action, the $10 discount registers when every bundled product is included in the cart. By default, that means the minimum spend requirement is met. <\/p>\n\n\n

    \n
    \"bundle<\/figure><\/div>\n\n\n

    An error shows up if a shopper were to remove one of the products and still attempt to utilize that coupon. Sure, all of those products are marked to receive the discount, but that minimum spend threshold is missing. <\/p>\n\n\n

    \n
    \"error<\/figure><\/div>\n\n\n

    This isn’t the perfect system for discounting bundles, but it does the trick for those not interested in buying premium plugins. The main downside is that the discount isn’t implemented automatically in the cart. Instead, you must inform your customers that they need to type in the coupon code after the bundle is added to the cart. <\/p>\n\n\n\n

    How to automatically give discounts for WooCommerce bundle products<\/h3>\n\n\n\n

    You can find lots of different product bundle plugins, but the most straightforward solution is the WooCommerce Product Bundles extension<\/a>. It sells for $49 per year, but that cost is covered after a few sales. <\/p>\n\n\n\n

    The plugin adds a few elements to the Product data <\/strong>box when you edit a product. First off, you’ll get a new Product bundle<\/strong> type.<\/p>\n\n\n\n

    Choose that, then go to the Bundled Products<\/strong> tab. The plugin adds tons of settings, but the simplest is to ensure that the Priced Individually<\/strong> box is unchecked. This retains each linked product in the bundle, without separating them as their own items like the previous method does:<\/p>\n\n\n

    \n
    \"pricing<\/figure><\/div>\n\n\n

    With a simple change like this, adding a bundled product to the shopping cart consolidates all of those linked products under the one bundle. Sure, the customer still receives an itemized list of what’s included, but the system only recognizes the cart as checking out with the one bundled product. <\/p>\n\n\n

    \n
    \"in<\/figure><\/div>\n\n\n

    With that, it’s possible to target the bundle for a discount, automatically registering the discount in the shopping cart, without the need to paste in a coupon code. <\/p>\n\n\n

    \n
    \"frontend<\/figure><\/div>\n\n\n

    Premium plugins and extensions for bundling variations<\/h2>\n\n\n\n

    If you need other features, you might want to consider a different plugin.<\/p>\n\n\n\n

    From offering composite products to quantity-based discounts, the plugins below all provide tools for getting creative with your bundles and making them fit your store strategy:<\/p>\n\n\n\n