Get started within 6 mins

This video will show you how to get started within 6 minutes with PageFly, let’s check it here:

In this article, you will learn how to create a simple page with the key features and tools.

Step 1: Install the PageFly page builderClick to copy

If you already installed the app, skip this step and move to the next one.
Visit the PageFly page on Shopify App Store, click the Add App button and fill in your store’s URL to install the app to your Shopify store. Simples.

Step 2: Create a new pageClick to copy

In the Shopify admin sidebar, click Apps > PageFly Landing Page Builder. After that, you will be redirected to the PageFly Dashboard on a different page.

Get started in 5 mins

In the PageFly Dashboard, head to Pages > choose the page type you want to create.

get started PageFly

After choosing the page type, click in Create a new page to be directed to the page editor.

OR You can also choose to Create a new page from templates.

If you are wondering about how to create a landing page with PageFly, you can watch the video below

Or you can use our template to build an awesome page:

Step 3: Getting to know the key featuresClick to copy

Here are some features in the Page Editor to help you understand how PageFly works:

get started PageFly

1. Top barSee and set up general information on your page, including page type, page title, change Template, turn on Theme styling, change device layout, etc.
2. Show page outlineDisplays the page outline inside the Editor.
3. Add PageFly elementOffers PageFly basic elements and sections. Drag and drop them to the blank page.
4. Add Shopify elementsOffers Shopify elements. Elements related to Product, Collection, Blog Posts.
5. Add third party elementsOffers third party app elements in 4 categories: Reviews & Rating; Badges & Seals; Subscriptions; Upload Fields. This feature is updated continuously.
6. Add extra third-party elements Offers some extra third-party elements that PageFly has not integrated.
7. Add sectionOffers stores saved sections and premade sections that you can re-use in another part of the page or a different page.
8. Version historyShows auto-saved and published versions. This feature will only be activated once you publish the page.
9. Add Custom CodeAdd your CSS and JavaScript code to the page.
10. Open 24/7 Live ChatOpen the window to chat 24/7 with our human supporters. 

Step 4: Use PageFly elementsClick to copy

First, click Add Element > Element. Select the element and you can edit it with 2 tools:

get started PageFly

Step 5: Preview or publish the pageClick to copy

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 page preview via Preview.

The Publish button both saves the page and makes it public. You can see the live page via Live View. The page will link to your store with the address “”.

preview and publish PageFly

You can check the PageFly page in the Shopify database by going to Shopify home > Sales Channels > Online Store > Pages.

If you are still wondering about how to have a beautiful and attractive page with PageFly, do not worry, this guide will surely help you and give you the knowledge and practical information for PageFly users about crafting a perfect e-commerce page.

If you have further questions, please join our community. This community is exclusive for PageFly merchants only with our experts and merchants from all around the world!


Navigate this category

PreviousPrevious article

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
PageFly Languagues

PageFly Help Center is now available in Chinese & French. Please check the flags on the page header.

I got it!