Bundler – Product Bundles

About Bundler Product Bundles By GoldendevClick to copy

What Is Bundler- Product BundlesClick to copy

Bundler – Product Bundles element:

  • Used to offer discounts on your products when the customer purchases them together in a bundle
  • Help to 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.

Install Bundler- Product BundlesClick to copy

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

How To Access Bundler – Product Bundles ElementClick to copy

In the page editor, follow these steps to access the Bundler- Product Bundles Element:

  • Step 1: In the PageFly editor, click “Add third-party element” on the left menu
  • Step 2: Click “Manage integrations” or the gear icon on top
  • Step 3: Search for “Bundler- Product Bundles” and enable it
  • Step 4: Click “Close” and the element will appear in the “Add third-party element” menu

Access Bundler - Product Bundles Element

How To Configure the Bundler- Product Bundles ElementClick to copy

Important Note:
  • The Bundler – Product Bundles element works on every page and can be used multiple times on each page.
  • It 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.

From PageFlyClick to copy

Step 1: Add The Bundler- Product Bundles ElementClick to copy

Before starting to set up for the Bundler- Product Bundles element, you will need to add this element onto your page canvas:

  • Step 1: Click “Add third party element” on the left menu bar
  • Step 2: Look for “Bundler- Product Bundles” element
  • Step 3: Click on the element to see its variant
  • Step 4: Drag and drop the variant onto the page canvas

Add The Bundler- Product Bundles Element

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

Step 2: Configure Bundler App ElementClick to copy

After adding the element, you can adjust for it by clicking on the element.

  • From 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.

Note: Check how to get the shortcode here.

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

You can check more information about the Styling tab here.

Now, Save and Publish it when you are ready to check the Live View:

From Bundler – Product BundlesClick to copy

Before using the Bundler – Product Bundles element in PageFly, you’ll need to create and configure your bundle in the Bundler – Product Bundles app. Here’s how:

Step 1: Activate “Bundler – Product Bundles”Click to copy

Go to your Shopify admin, then navigate to Online Store > Theme > Current theme > Customize > App embeds. Search for “Bundler script” and activate it.

Activate “Bundler - Product Bundles”

Step 2: Go To Bundler – Product Bundles SettingsClick to copy

  • Go to your Shopify Admin > Apps > Choose Bundler – Product Bundles to set it up.
  • In the Bundler – Product Bundles app, when clicking the green button “Create Bundle”, there are 3 options named Classic Bundler, Mix & Match Bundler, and Volume Discount that PageFly currently integrates with.

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.

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.

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.

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:

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:

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.

Volume DiscountClick to copy

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

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!

Additional ResourcesClick to copy

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us