> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.releas.it/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to integrate Releasit Bundles with Pagefly

To integrate Releasit Bundles with Pagefly, please follow these instructions:

1. Open Pagefly Page Builder
2. Click on Pages, and select the product
3. Click on Elements, select HTML/Liquid element and place it to desired position ![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image_h1g9oa.png)
4. Click on Element, and click on Open Code Editor![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image\_1ow3j2y.png)
5. Add following code in the editor: `<script type="text/plain" class="product-json" id="product-json{{product.id}}">{{ product | json }}</script>` `<div class="rb-gempages-hook"></div>`
6. If you need only bundles to be visible, instead of 
* `<div class="rb-gempages-hook"></div>`, use `<div class="rb-pagefly-hook" data-widget-type="bundle"></div>`

1. If you need only upsells visible, instead of `<div class="rb-gempages-hook"></div>`, use`<div class="rb-pagefly-hook" data-widget-type="upsell"></div>`

1. Click on Save and Releasit Bundles app will be integrated with your Pagefly page

If you need any additional help, please reach out to our support team.