---
title: "Working with PageFly Page Builder"
description: "How to add a Reelfy widget to a PageFly page"
url: https://help.reelfy.app/en/articles/44-working-with-pagefly-page-builder
collection: "Apps integration"
updated: 2026-07-08
language: en
---

# Working with PageFly Page Builder

How to add a Reelfy widget to a PageFly page

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

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

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

## **Using App Blocks Element**

-   From the left sidebar, click **Third-party elements** icon, click **App blocks**, the **App blocks** element will appear on the right, drag it to your desired location.
    
    ![](https://staticfiles.gleap.io/gattachments/mOQaqnzsCpvL990lmek4TZ6Ee1mYbdTyD5eFiYqFZ9O1Q98rHEemALKiHte4CYMRUaH9Ka38qXh.png)
    
-   Important: in Pagefly editor click the app blocks, then in the tab **Styling** click **Fill** to setup the width.
    
    ![](https://staticfiles.gleap.io/gattachments/yC3K6iKZKevmdHCuJgNOioT0wSDarSJ4NtccZ3kZOXFtzYpQ5qbsIYB568Fe0Wni2W6lQnMqIIk.png)
    
-   You need to click **Save** and then **Publish** to enable this element setup in the Shopify editor.
    
    ![](https://staticfiles.gleap.io/gattachments/vk4JLnaM06R1uS1Wh7uVwEJYOhWpKmsrb1ncn12XfxJYONOCwCYeQLh9RtKCQgK4SMpzA8wkxaC.png)![](https://staticfiles.gleap.io/gattachments/No5X5pQK4MZgsUwk9MnMaweprpNSlaC3esWsNTI9qPSwAoyWSpOv7Ch5tfxNtHY1UqjjCJL3lrW.png)
    
-   In Pagefly editor click the app blocks, then click **Go to theme editor** in the tab **General**, and you’ll be directed to the Theme Editor page for continued editing.
    
    ![](https://staticfiles.gleap.io/gattachments/7yRJzKGgcZkGAK9sG0Sxofm60xHwc02hoxjanEEmJRAghjIUh9Ksz2aVmizOXo9uDz7R3HkPILY.png)
    
-   You will see the element to be added under “Template”. Click **Add block** in this section.
    
    ![](https://staticfiles.gleap.io/gattachments/gm3Mml5kEPk2T0Ql5qF2jItmzv0Ed3Fu4EMX9BGLHBuTDoZo8jxJxzYqYU3e0TemzvCwE7yjwGr.png)
    
-   Type ‘Reelfy‘ in the searchbox.
    
    ![](https://staticfiles.gleap.io/gattachments/aKe0S2ZBCn0gkdhP74NruVvBQMI87rm83OrnZHOoo0iR6jHvzsEAzmoe5CpogZNlKD2bFQJJeQh.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/qXswReKfJPgLEne8VlVdOspjC9DX5uE84bmHCaJCJeyJPlaWo5Dpsv23PePgnexj676WvWopNjr.png)
    
-   Hit **Save** button in the top-right corner and you are done!
    

## **Using HTML/Liquid Element**

Please follow these steps:

-   In the **Elements**, find **HTML/Liquid**, click on it, the HTML/Liquid block appears on the right side, drag and drop to add it into a section of the page.
    
    ![](https://staticfiles.gleap.io/gattachments/Ac0gPpEeDIoCVr3fq65PeT2P522tzuKiwJ6HTDTAbC5S6xCUeRAjY5YnmVxjsEVvn6SYV9gCu6P.png)
    
-   In the **General** tab, click **Open code editor**
    
    ![](https://staticfiles.gleap.io/gattachments/4Wnoq58zr2VF7U6kyKQVgFwyRA8vN06wjP3ai8hMmKKbMUTLWx3heMO9N5It7VFjvtrqdaFxo39.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)
    

-   Paste the snippet into the code editor
    
    ![](https://staticfiles.gleap.io/gattachments/9E9OV6wPKK6jUln99rIeSxSNb0NYhK8iel6yBv12TyTj4EVZdaFh7Bb7vBzgS30H0fzJvRbJj5G.png)
    
-   Click **Save** and **Publish** to save and publish the reels on the page, and you are done.