Integration with PageFly Landing Page Builder makes it easier with your unique page design. With PageFly, you can place bundle widgets on custom product pages you build in PageFly.
What is PageFly?
PageFly is a drag-and-drop page builder for Shopify. It combines flexible design with CRO features like A/B testing, pre-built templates, and sales elements. You can create fast, responsive, SEO-friendly product and landing pages without code.
👉 On Shopify: PageFly Landing Page Builder
👉 Website: PageFly
Benefits of using PageFly with MBC Bundles
Design freedom for bundles. Place bundle widgets exactly where they convert best on your custom product pages.
Launch faster with templates. Start from CRO-optimized sections and add bundle blocks in minutes.
Test what works. Run A/B tests on layouts, copy, and widget placement to improve add-to-cart and AOV.
Add sales boosters. Combine bundles with timers, badges, and testimonials to reduce hesitation.
Connect more apps. Use PageFly’s app integrations (reviews, personalization, upsells) alongside MBC Bundles.
How to use the PageFly app for your product pages?
Use PageFly’s editor to add the MBC Bundles widgets—no theme code edits required.
Open your product page in PageFly.
Add an HTML/Liquid element (or a raw HTML block).
Paste the relevant widget code from the options below.
Save & publish the PageFly page, then view it live to confirm the widget renders.
To use the PageFly app for your product pages, you should add the code provided below with this app instead of adding it to the .liquid template.
File to edit: Sections/ product-template.liquid (or similar e.g. product-form.liquid)
The widget can be located anywhere on the page;
Code to paste:
Widget for the Bundled product's page:
<div id="mbcBundleItemsWidget"></div>
Widget for the Quantity Breaks:
<div id="mbcBundleVolumeDiscount"></div>
Widget for the Bundle page:
<div id="mbcBundleItems"></div>
Note: If you are not using PageFly and prefer editing theme code, paste the same snippets in your theme under
Sections/product-template.liquid (or a similar file, e.g., product-form.liquid). For PageFly pages, stick to the PageFly editor and avoid editing the .liquid template.