New to PageFly, Start Here!

In this comprehensive series, we will give you an overview of how to use PageFly, a powerful Shopify page builder. Whether you're a seasoned pro or just starting out, these videos are designed to provide you with a detailed understanding of PageFly and how to make the most of this dynamic tool.

Watch these videos below to learn how to use PageFly and start creating stunning pages for your online store today!

How to use PageFly

This short PageFly tutorial video will take you on a tour of PageFly's dashboard and show you how easy it is to create a new page using the PageFly page editor.

How to Use Page Structure in PageFly

You will learn about sections, rows, columns, and elements - the building blocks of an ideal page layout design. With PageFly, whenever you drag a new element into the page, it will automatically create higher hierarchy parts over the element (column, row, section).

How to Use Page Editor Settings in PageFly

Unlock the full potential of PageFly with the Page Editor - Page Canvas that holds all the elements of your page.

How to Change the Page Settings in PageFly

Learn how to effortlessly modify Page Settings in PageFly, covering crucial aspects like page including page details, page type, page layout and page optimization.

How to change the PageFly app language

Discover the seamless process of integrating your PageFly pages into Shopify's menu navigation.

How to grant users access to the PageFly app in Shopify

To let another person work in PageFly, add them from your Shopify admin and give them access to the PageFly app.

1. Go to Shopify Admin → Settings → Users and permissions.
2. Add a staff member or collaborator.
3. In their permissions, enable access to Apps and the PageFly app.
4. If they need to edit live themes, also enable Online Store.
5. If they need to publish PageFly pages to the live theme, also enable Themes.

After that, they can log in to Shopify and open PageFly from the Apps section.

PageFly does not limit the number of users on the Free plan. However, the number of staff accounts or collaborator access available depends on your Shopify plan.

Discover the seamless process of integrating your PageFly pages into Shopify's menu navigation.

How to add custom HTML code in PageFly

To add custom HTML code in PageFly, use the HTML / Liquid element in the editor.

Best practice:

• Open the Elements panel in the PageFly editor.
• Under the PageFly tab, drag the HTML / Liquid element into your layout.
• Click the element, choose Open code editor, and paste your custom HTML code.
• Click Done to apply the code.
• For large code blocks, split the code into smaller logical parts and place them in multiple HTML / Liquid elements so they are easier to manage and debug.

Notes:

• You cannot import an HTML file directly into PageFly. Instead, copy and paste the code into the HTML / Liquid element.
• If you already built a full page in HTML, there is no tool in PageFly to automatically divide that file into sections.
• The HTML / Liquid element can be used in either editor version.

Updated on: 20/04/2026