---
title: "Working with GemPages Builder"
description: "How to add a Reelfy widget to a GemPages page"
url: https://help.reelfy.app/en/articles/45-working-with-gempages-builder
collection: "Apps integration"
updated: 2026-07-25
language: en
---

# Working with GemPages Builder

How to add a Reelfy widget to a GemPages page

In the left menu, **GemPages Builder** → **Pages**, then click to open a GemPages page that you want to add Reelfy gallery into.  

![](https://staticfiles.gleap.io/gattachments/kIRKkHDgAjXgC4pM0HRd7MrWdtdFCJ1Mw45NKuHT52CYm1nAuNWvOTTYPEozX6S1XWQadRmaGCo.png)

You can use one of these two ways to add a Reelfy widget into a GemPages page.

## Using **Shopify App Element**

-   From the left sidebar, click **Shopify Apps** icon, then type “Shopify App“ in searchbox to find the **Shopify App** element and drag it to your desired location.
    
    ![](https://staticfiles.gleap.io/gattachments/0yGMQxoZewJmiFK5qkqDt7LSG739tP5LHzLu6e5W1BzH9R8qlhjmZwv9r4XVsSGg8rC97MYqkcL.png)
    
-   You need to publish the page to enable this element setup in the Shopify editor.
    
    ![](https://staticfiles.gleap.io/gattachments/Ye0VN3QBGLT1u1CadeRT4dAN9C5tSUBPkXrCqNT2jlfa5FWFqyWXrIAzFYzcDDM0Af74frBE5G8.png)
    
-   Click on the element to open the **Shopify App** element Settings tab. Click **Open Shopify editor**, and you’ll be directed to the Theme Editor page for continued editing.
    
    ![](https://staticfiles.gleap.io/gattachments/Re4nfaGqt3L5aOwDggko0WBmC68mQK5R4hFHyIKMkPjw1yr5ulRVQmei10XpVQw8Vow4k6G1mXP.png)
    
-   You will see the element to be added as a section under “Template”. Click **Add block** in this section.
    
    ![](https://staticfiles.gleap.io/gattachments/Pjmpfs1A6nNi0QYYlOwM2yujIzKbbNKzrMNN75Chyb04xRRxqcdluOCvZEOejow9DTkglmjuxgR.png)
    
-   Type ‘Reelfy‘ in the searchbox.
    
    ![](https://staticfiles.gleap.io/gattachments/BYDMxcueaRZCgDeKSCsKSYT5TqelpywolBzsUrx7YKL7OpX8jWT3mBTAAtJnog3QCM5IKsOg6v6.png)
    
-   Click to choose Reelfy type you want, then add the gallery ID of the widget you want to show.
    
    ![](https://staticfiles.gleap.io/gattachments/rJGcmkL5ix3vmw01I66CDMggcxDSxcyVTJqvM6hliSh0Y1aGLAUGP7KkIjkAo8M0AaWupGMdhl7.png)
    
-   Hit **Save** button in the top-right corner and you are done!
    

## Using Custom Code Element

Please follow these steps:

-   Click **Elements** icon, type ‘code‘ to search **Custom Code**, drag and drop **Custom Code** element to add it into a section of the page.
    
    ![](https://staticfiles.gleap.io/gattachments/2PKoTzXN4oqGMPtlUj9eX6anRccITVktUC3lapRZUwWcKEWGW8hLGkjl43v3DbihA5IGvwcQSCv.png)
    
-   In the **Settings** tab, **Custom code**, click **Add** to open the editor.
    
    ![](https://staticfiles.gleap.io/gattachments/IBRRrJfLS5v6w7A5GF4QSxyNyrDixnighIt8h879cAqY3xAUyUlps6rBtQVcgFpJUtqaQPnQpMl.png)
    
-   Open the Reelfy widget you want to display to copy the feed snippet. You can refer to [this article](https://help.reelfy.app/en/articles/15-using-embed-code.md) for more information.
    
    ![](https://staticfiles.gleap.io/gattachments/GhaNf9Gof01qWcDpGodVM8mlFa0jju9pQOed5YlChhZgBeRuwaYlo98RYRvGereb9PhpYTpr121.png)
    

-   In the **HTML/Liquid** tab of the code editor, paste the snippet into, and click **Save**.
    
    ![](https://staticfiles.gleap.io/gattachments/uCj11V3ihza954X3hgkqH9aISSBX9kqUIx8xj3dvkMzmLLHUcgn2HQxVAZk7Crl7nCNs8yWNyKg.png)
    
-   On the GemPages editor, click **Save** and **Publish** to save and publish the reels on the page, and you are done.