Creating Product Bundles offers

Increasing your store's conversions is not always easy, but there are definitely ways you can achieve that. By displaying Product Bundles on your store, you highlight popular product sets to your visitors and allow them to purchase them together quickly. You are also exposing them to more products that might have otherwise gone unnoticed and thus help in increasing your average order size! Help your customers purchase products that are best bought together, and create unique offers to catch their attention!

Getting Started ⚡

Being one of the flagship apps of the Vitals suite, the Product Bundles app is a highly versatile and reliable tool for increasing your store's revenue. Therefore correctly setting up and leveraging all the benefits the app can bring is a must. A created Product Bundle is displayed on Product pages.

To start creating Product Bundles, simply click the Apps link on the Vitals sidebar (on your Shopify admin) and look for Product Bundles under the Upsells category.

If you already have previously created Product Bundles offers, you will see them listed. To create a new Product Bundle offer, click on Create Product Bundle.

Creating a Product Bundle offer is now seamless, thanks to the updated step-by-step upsell creation Wizard. Let us go through the steps:

1. Product Eligibility - This step allows you to define which products are part of the upsell offer being created.

Each "Product element" is equivalent to a product that would be part of the Product Bundle. By default, it has 2 Product elements that you can modify, but you can add up to 3 more products, making it up to a 5-Product Bundle).

In each Product Box, you can modify it with the following options:

• Any Product (Default) : This means that any product in your store are eligible for this Product Bundle upsell offer
• Specific (Products or Collections): By selecting this option, you can choose which products and/or collections are eligible for this Product Bundle upsell offer.
• Same Collection: This option will provide a random product in the same collection as the other product it is bundled with.

Once you're satisfied with your choices, the Preview Pane on the right side will provide a preview of how it will look on your product page. You can then continue to the next step - Discount Details.

2. Discount Details - This next step helps you define the discount you would like this offer to have.

• In this second step, you can define the discount behavior that this Product Bundle will use. The following options are found within this step: 
  • Discount type (Percent or Fixed Amount): This main discount option will determine how much discount you would like this Product Bundle to have.
    • Percent (default): Any value that you place here from 0 to 99% will have that equivalent discount amount off the whole bundle.

    • Fixed Amount: This alternative discount option will let you provide how much (in your store currency) exact discount you would like your Product Bundle to have when purchased, instead of being percentage-based.

      💡 You can place 0 if you only like to create a Product Bundle interface, but don't desire to place a discount off the Product Bundle.

  • You can also set where the discounts will be based off to:
    • Current Product Prices: The defined discount will only be based on the current, active price of the products in the bundle.

    • Initial Product Prices: The defined discount will be based on the initial," compare at" price of the products, to make the discount appear bigger (but the discount amount will still be the same

      Please keep in mind that the discounts based on the initial price are only a way to show customers a bigger discount. However, the discount itself is applied to the current price of the product.

      For example, a product with the current price of $100 and an initial price of ~~$200~~ with a 10% discount will only have a $10 discount but will show as $110.

      In other words, the real discount and the price difference are added up, where $10 is 10% of the $100 current price added up with the difference of $100 between the initial and current price, resulting in a total discount shown to the customer of $110.

Once you're happy with your discount definition, you can go to the next step - Appearance.

3. Appearance - In this step, you can control how and where you would like the Product Bundle offer to be displayed. This is divided into four sections:

Bundle on Product Page - You can change the settings of how the Product Bundle appears on the Product Page.

Various options such as changing the text of the offer title and/or Buy Now button, color of the Buy Now button (either follows the theme or custom colors), and option to display specific details only on mobile/desktop can be changed here.

You can also disable this via the Status setting if you do not like it to be displayed on the product page (but still would like to provide the discount on Checkout).

[NEW] Allow customers to change a product from the bundle

If a product option in your Product Bundle consists of multiple products, you can enable this option to let them choose which product they want to be part of the bundle (Like a "Mix and Match" campaign). This adds more flexibility to your upsells.

Once this feature is enabled, a Swap Item dropdown menu will appear in the product option where multiple products are defined. Your customers can use this function to choose the product they want within the bundle.

Cart Suggestion on Cart Page - You can change the settings of how the upsell suggestion of this Product Bundle offer in the cart page appears:

Post Purchase on Thank you Page - You can enable this option if you would like to have an upsell suggestion that appears after the customer orders an eligible product from your store but has not ordered enough to qualify for a Product Bundle.

For more information about this upsell feature, we have a separate resource that you can go here: Displaying Post-Purchase upsell suggestions on the Thank You page

Pop up on Add to Cart Button - This feature of the Product Bundle upsell offer lets the bundle have the ability to show up as a pop-up when a visitor clicks the main Add-to-Cart button of a participating product.

This is a great feature to ensure that all visitors to your store can interact with your created Product Bundle, even if they don't click this offer's own Add-to-Cart button.

Once you are satisfied with all your specified changes, the last step Review provides its summary with additional final options before saving:

Various settings, such as making the Product Bundle immediately active on your store, the internal name of the Product Bundle (for proper identification if you will create multiple Product bundles), and the Cart label (how the discount will be labeled on the cart page if applied) can be changed here.

You can also go back to the previous settings from here if you want to.

Once done, click on the Save button, and you're all set!

Translating the app

If your store's language is not English, or your store is enabled to appear in multiple languages, our Vitals apps, like the Product Bundle, have a Localization feature as well. For more information, you can refer to this article: Vitals translations on the storefront

Frequently Asked Questions (FAQs)

• Known Discount Conflicts
• Upsell Builder FAQs
• If multiple discounts are applicable, which discount will be applied?
• Why do I see random discount codes in my Shopify menu?
• Why are discounts not similar in Cart and Checkout when multiple discounts are applied?