Bundler – Product Bundles

About Bundler Product Bundles by GoldendevClick to copy

Bundler – Product Bundles element is used to offer discounts on your products when the customer purchases them together in a bundle. Product bundles will help you increase your average order value, boost your sales and promote popular products together! For example: Create a bundle with two products and offer a 15% discount on both if purchased together. The product bundle will be displayed on these two product pages with discounted prices.

In order to use this element, the Bundler – Product Bundles app needs to be installed on your Shopify Store.

Install Bundler

Install PageFly


  • The Bundler – Product Bundles element works on all page type and on each page can have multiple elements. The Bundler – Product Bundles element must stay inside the Product Details element, if you drag and drop the element outside the Product Details, a warning message will appear.
  • Product Details are contained in Product List, so the Bundler – Product Bundles element can be used for the Product List as well.

Access Bundler – Product BundlesClick to copy

Step 1: Go to Add third party elements in the left toolbar > Click on the Edit your 3rd party elements button.

Step 2: In Integrations popup page, you can search “Bundler – Product Bundles” on the search bar

Step 3: Click on the Bundler – Product Bundles element in the dropdown menu

Step 4: Drag and drop Bundler – Product Bundles element on the canvas.

Bundler - Product Bundles

Bundler – Product Bundles variantsClick to copy

The Bundler – Product Bundles element comes with 3 variants: Classic bundles, Volume Discount, and Mix & Match Bundle.

Bundler - Product Bundles

ConfigurationClick to copy

PageFly’s SettingsClick to copy

Once you finish configuring options in the Bundler – Product Bundles app, you can go to a PageFly Product page and use this element.

You can take a look at this gif for instructions on how to drag and drop it in the editor canvas

Bundler - Product Bundles

General SettingsClick to copy

In the General tab, there is a widget configuration giving you a short explanation of the Bundler app and its link to app listing, and a Bundler shortcode where you can paste the codes from your created product in the Bundler app.

Bundler - Product Bundles

Note: Check how to get the shortcode here.

Styling SettingsClick to copy

In the Styling tab, you can edit the Spacing, Border, Effect of Opacity the 3 variants.

Bundler - Product Bundles

Bundler – Product Bundles settingsClick to copy

You can see how to set Bundler – Product Bundles in detail via their Help Center this article

Step 1 : Set up Bundler – Product Bundles element by your Shopify Account.

Go to your Shopify Admin > Apps > Choose Bundler – Product Bundles to set it up.

Step 2: Set up the Bundler – Product Bundles app.

In the Bundler – Product Bundles app, when click the green button “Create Bundle”, there are 3 options named Classic Bundler, Mix & Match Bundler, and Volume Discount. PageFly currently integrates with all 3 of them.

Bundler - Product Bundles

Classic BundleClick to copy

Classic bundle is used to offer your customers to buy some products together to get discount. The product bundle will be displayed on these  product pages with discounted prices at the same time.

When click on the Classic Bundle, a dashboard of bundle will show up and customize bundle for your products here.

Firstly, you can add some basic information like bundle name, title, description, original price / discounted price, CTA or event schedule a publishing time for your bundle as you desire.

Bundler - Product Bundles

To make the bundle work, you have to select at least one product then must save it to get the shortcode for the Bundle shortcode block in PageFly.

Bundler - Product Bundles

In order to get the shortcode, you need to upgrade to the paid plan. There will be 2 types of shortcode, which are HTML and plain one.

Bundler - Product Bundles

This shortcode is uniquely generated for each bundle and will tell PageFly which bundle widget should be displayed. When you want to display a specific bundle in PageFly bundle widget, you just need to copy that shortcode and paste it here in PageFly editor:

Bundler - Product Bundles

After saving the bundle, a pop up will jump out and ask if you want to quickly check how your bundles look in the live page, like this:

Bundler Product Bundles

Mix and Match BundleClick to copy

Similarly, the Mix & Match Bundles will be configured as Classic Bundle. You can use Volume Discount for free but need to upgrade to the paid plan to use Mix & Match Bundles.

Mix and Match bundle can help you to combine different products in a combo and offer a discount at checkout.

Bundler Product Bundles

Volume DiscountClick to copy

Setting up the same with Classic Bundle, Volume Discount offers your customers to buy in bulk to get special deal.

Bundler Product Bundles

After all of the configurations are done, please go back to the PageFly page editor to drag and drop the element onto the canvas, the Bundler – Product Bundles element is ready to go!

Navigate this category

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
Discover essential strategies and tips to boost your sales in all ecommerce events. Check now!