Articles on: Shopify page builders

How to integrate Koala Bundles with PageFly?

In this article, you will find out how to integrate our Koala Bundle app with PageFly Page Builder.

Integration via App block

This method explains how to integrate the Koala Bundle app with **PageFly **using an App Block.

From PageFly **Page editor, go to Third-party elements and add an **App block.

Next, drag & drop the app block onto the section where you would like your widget to appear.

Publish the page and click Go to theme editor.

From the Shopify editor, go to the PageFly section and click Add block.

Click Apps in the pop up and add the correct app block from the dropdown. In this example, the Koala Deals app block is added to display the volume discount offer.

Choose the block that matches the exposure setting or offer type you are using in Koala Bundles:Koala Announcement Bar - for the Announcement bar widget.Koala Bundle – for Bundle offers.Koala Countdown Timer - for the Countdown timer widget.Koala Deals – for Quantity Break, Volume Discount Bundle and Quantity Discount offers.Koala Related Products - for Related Product offers.

The widget should now load and appear in the preview exactly where you placed the Shopify App block in PageFly.

Note: It's possible to display a Koala offer on both Product & Home pages, by following the same steps as above for each template.

Integration via Code Snippet

Step 1:

Add a koala-atc-btn HTML class to the Add to cart button. (see Screenshot 1)

Screenshot 1

Step 2:

Add new element "Basic -> HTML/Liquid" to the desired position. Add content: <div class='koala-insertion-point'></div> (see Screenshot 2)

Screenshot 2

Updated on: 09/12/2025

Was this article helpful?

Thank you!