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.
- 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.
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.
The Bundler – Product Bundles element comes with 3 variants: Classic bundles, Volume Discount, and Mix & Match Bundle.
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
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.
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 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.
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:
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.
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!