How To Use PageFly | Get started in 5 mins
Last updated
Was this helpful?
English 🇺🇸
Last updated
Was this helpful?
PageFly is a powerful page-building tool designed to help Shopify merchants create customized, high-converting store pages. With its intuitive interface, advanced features, and compatibility with Shopify’s ecosystem, PageFly enables users to build professional-grade pages tailored to their business needs.
Key benefits of PageFly include:
No Custom Code Needed: Easily create custom designs with a simple drag-and-drop interface—no coding skills required.
Templates for Fast Start: Access a wide selection of professionally designed templates for product pages, landing pages, and full websites. Customize them in minutes to fit your needs.
Page Speed Optimized: Ensure fast-loading pages for a seamless browsing experience and improved performance.
Works with All Themes: Compatible with all Shopify themes for smooth integration without compatibility issues.
Whether you're a beginner or a seasoned Shopify user, PageFly is the perfect companion for your eCommerce journey.
If you already installed the app, skip this step and move to the next one.
If not, let’s visit the on Shopify App Store, click the Add App button and fill in your store’s URL to install the app to your Shopify store.
In the Shopify admin sidebar, click Apps > PageFly Landing Page Builder. After that, you will be redirected to the PageFly Dashboard.
On the menu sidebar below PageFly Page Builder, you will see:
Dashboard: Access guides, Slot Usages, Recent Pages, Support Channels, Integrations, and What’s New
Pages: Create your page
Sections: Create global sections for your page or theme.
Analytics: View page performance.
Extra Functions: Additional functions like Integrations, Global Styles, Option Swatches, Uploaded fonts, Trash and Media Files.
Preferences: Manage account, Billing, Analytics, User Interface, Theme app extensions and Referral program
If you’re new to PageFly, after installing the app, the Onboarding process will be displayed:
You can choose to create your first page or sections with PageFly. Clicking "Next: Select page type" will bring you to the Page/Section Type Selection screen.
Finally, after clicking “Next: Start Creating”, you will be taken to the Editor screen.
If you click on the “Skip all” button, you will be directed to PageFly’s dashboard.
On PageFly dashboard, let’s finish four tasks to get started with PageFly, including:
View a quick introduction about PageFly
Create your first page
Enable PageFly analytics
Enable UI optimization
Click on a task to begin your journey with PageFly.
After completing each task, click on the circle and the status bar will show your progress.
Once you have finished all four steps, you are ready to customize your store and increase your conversion rate with PageFly.
In the PageFly Dashboard, head to Pages. You can find all page types here.
To start creating a new page, click on the “Create blank page” button and select the type of page you want to create. This will open a blank page where you can freely add elements to create your desired design.
Alternatively, you can choose to “Create from a template” > Select a template that suits your needs, and you’ll be directed to a page with a pre-designed layout and settings. You can then customize the elements to match your preferences.
If you are wondering about how to create a landing page with PageFly, you can watch the video below:
Here are some features in the Page Editor to help you understand how PageFly works:
1. Top navigation bar
See and set up general information on your page, including:
- Device layout monitor
- Adjust canva width
- Enable theme styling, view page structure, show canvas size: only showed when click on the icon below
– Redo & Undo action
– Preview and view live page.
Displays the page content inside the editor.
3. PageFly & Shopify elements
- Offers PageFly basic elements divided into different categories.
- Offers Shopify elements. Elements related to Product, Collection, Blog Posts.
4. Third party elements
Offers third party app elements in multiple categories. This feature is updated continuously.
5. Page templates
Offers pre-made templates for all page types
6. Page settings
Change the page title, page type, show theme’s header & footer and enable image lazy loading
Shows auto-saved and published versions. This feature will only be activated once you publish the page.
Section to add your CSS and JavaScript code to the page.
9. Open live chat
Open the window to chat 24/7 with our human supporters.
First, click Add Element > Element. Select the element and you can edit it with 2 tools:
You have more ways to add information to your pages besides PageFly elements:
Shopify elements: These are built-in features from Shopify itself.
Third-party app elements: These come from other apps that connect to PageFly. There are many to choose from!
Once you’re done building the page, hit Save. This option saves the page to a database but does not make it public yet. You can see the preview of the page by clicking on the Eye icon here.
You can check the PageFly page in the Shopify database by going to Shopify home > Sales Channels > Online Store > Pages.
Page statuses in PageFly indicate the current state of your pages. Understanding these statuses can help you manage your content effectively:
1. Published: A live page visible to your store visitors. It is linked to your Shopify store.
After making changes to a published page, click Save and Publish to update the live version. Simply clicking Save will only store updates in preview mode.
2. Unpublished: The “unpublished” status means your page is not yet viewable by visitors in live view. This status is ideal for work-in-progress pages that are not ready for the public. You can save your work and continue editing until it is complete.
After publishing your PageFly landing page, if you can't find it in your Shopify store, you need to link it to your Shopify navigation. Follow these steps:
From the Shopify Admin, go to Online Stores
Click on Navigation > Menus > Select the menu you want to add a link to for your PageFly page
On that menu, click on Add menu item
Find the page with the corresponding type or paste its URL
Click Add and Save the work, it will appear in the Shopify menu navigation
For more details, please check this video tutorial:
1. How many pages can I create in PageFly?
PageFly allows you to create numerous pages, but the number you can publish depends on your chosen plan.
For instance, the Free plan lets you publish 1 page or section (equivalent to 1 slot). Upgrading to the 5-slot plan grants you the ability to publish 5 pages or sections.
2. How many types of pages can I create in PageFly?
2.
7.
8.
: Quickly take action on the element, including move; duplicate; delete; copy style; paste style.
: Edit the settings and stylings of the element with 2 tabs: and .
PageFly works with over 80 third-party apps, so you can personalize your pages exactly as you want. To find out more about with and , check out this article.
When your page is ready to go on live, the Publish button to make it public for you! You can see the live page via Live View. The page will link to your store with the address “”.
If you are still wondering about how to have a beautiful and attractive page with PageFly, do not worry, will surely help you and give you the knowledge and practical information for PageFly users about crafting a perfect e-commerce page.
In PageFly, you can create 6 page types including: Regular pages, Homepages, Product pages, Collection pages, Blog posts, and Password pages.For more details, you can read about article.
