PageFly is a page builder app for Shopify merchants, letting them create custom landing pages, product pages, and homepages using drag-and-drop tools without any coding knowledge. The Fast Bundle app integrates with PageFly, allowing you to use Fast Bundle Blocks to easily add or reposition bundles on your custom pages.
There are two main steps to using bundles in Pagefly. First, you need to enable the integration with Fast Bundle Blocks and then choose the right block to insert or adjust the position of bundles.
Enable Fast Bundle Integration
1. Create a Blank Page
On the PageFly admin, go to "Pages" > "Create Blank page."
2. Click on "Add third-party app element"
3. Click on the right-corner icon to enter "Third-party integrations"
4. Enable Fast Bundle Integration
Search for "Fast Bundle" and activate the Fast Bundle integration.
5. Pick the Right Fast Bundle Block
To make sure the bundle is displayed where you have in mind, select the Fast Bundle Block that best suits your needs, then drag and drop it onto the page.
Is Using Bundle Blocks Necessary to Display Bundles?
By default, bundles are expected to display correctly on any page builder app. However, sometimes a bundle may appear in an unsuitable spot or fail to load due to differences in the page’s code structure. In such cases, you can use Bundle Blocks to display the bundle exactly where you want it, or to inject a bundle onto a page where it wasn’t previously present.
⚠️ Important Note: The "All Your Bundles" and "Specific Bundles" blocks are designed to add bundles to a page, not to reposition them. Using these blocks on a page where the bundle already exists will result in duplication.
Different Fast Bundle Blocks in PageFly and When to Use Them
Let's review Fast Bundle Blocks to decide which one is best for your needs:
A. Related Bundles Position
Reposition all bundles that are connected to a product on its product page. Fast Bundle automatically detects the product and its related bundles (except for the Frequently Bought Together, Volume, Add-on, and Buy X Get Y bundle).
In other words, this block repositions every bundle that includes that product.
⚠️ Important Note:
For Cross-sell bundles, you must use the Related Bundles Position block to reposition the bundle on its main product page.
B. Frequently Bought Together
Reposition the Frequently Bought Together bundle on its main product page. (The bundle won't show on the offered product pages)
This block can only work if inserted on the "main product" page for FBT; for example, the product shown below:
C. Specific Bundles
You can use this block to add any specific bundle on any page you like.
Imagine you’ve created a Volume Discount bundle for Product A, but you want to promote it on the Product B page. You can use this block to display the Product A bundle on the Product B page, helping you cross-promote and increase visibility for your bundles across different product pages.
To place a bundle on other product pages, you’ll also need the Bundle ID. To learn how to find the Bundle ID, please refer to this article.
Once you have obtained the Bundle ID, paste it in the Fast Bundle's short code field:
⚠️ Important Note:
This block doesn't include FBT, Volume discounts bundle on all products or collections, Add-on, and Buy X Get Y bundles because they can only be shown on the main product pages.
D. All Your Bundles
Insert all of the bundles that you've made with Fast Bundle.
This will work the same as the "Bundles page" in Fast Bundle.
Please note that this block will only load bundles that have already been added to the Bundles page through Fast Bundle > Boosters > Manage Bundles page.
⚠️ Important Note:
This block doesn't include FBT, Volume discounts bundle on all products or collections, Add-on, Buy X Get Y, and Tiered Mix and Match bundles, as these bundles cannot be displayed on the Bundles page.
Add Bundles to a Blank Page in PageFly
You could also place your bundles in a PageFly blank page using the "Place bundles anywhere" option in the boosters' tab and copying the bundle's custom liquid code.
Search for HTML/Liquid in the Elements section and put it on the page using drag and drop.
Then, open the code editor and insert the bundle's liquid code.
⚠️ Important Notes:
When a bundle is displayed on a page — including pages created with page builder apps — its layout depends on the available space. If there is enough space, the bundle will be displayed horizontally; otherwise, it will be displayed vertically. If you would like the bundle to always appear vertically, please contact our 24/7 support team.
In the PageFly editor, the bundle will not be visible, and it will also not appear when previewing the page inside PageFly. The bundle will only be visible when you view the page on your live online store.
We hope this article was helpful! If you have any further questions or need additional assistance, don’t hesitate to reach out to the Fast Bundle support team. You can contact us through the following options:
Live Chat: Get instant help via live chat on our website or through the Fast Bundle admin panel in your Shopify dashboard.
Email: Send your inquiries to Support@fastbundle.co, and our team will respond as quickly as possible.
We’re always here to assist you!










