How to integrate Koala Bundles with GemPages?

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

Integration via App block

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

From GemPages Page editor, go to Shopify Apps and search for the Koala Bundle app block.

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

Click **Publish **and view the live page. The offer should now appear

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:

Please navigate to the "Deal not visible?" button in the upper right corner of the offer's settings.

Deal not visible?

Step 2:

Add a Custom code element and paste the following code snippet to the HTML/Liquid section: <koala-deal product-id="{{product.id}}"></koala-deal>

GemPages editor

Note: Make sure to have all display settings enabled in Advanced settings, in case the offer is not visible.

Display settings

Step 3:

Publish

For more complicated use-cases please take a look at GemPages documentation related to the custom code element.

Updated on: 09/12/2025

Was this article helpful?

Thank you!