How to use PageFly pages and sections?

About PageFly Pages and Sections

PageFly pages and sections are essential components of this versatile page builder app for Shopify. They allow you to create custom layouts and designs for your online store without requiring coding skills. With PageFly, you can build entire pages from scratch or create sections to enhance existing pages, giving you the flexibility to tailor your store's appearance and functionality to your specific needs.

Types of PageFly Pages

PageFly offers six types of pages, each designed for a specific purpose in your Shopify store:

Regular Pages: Perfect for creating standalone content such as About Us, Contact, or FAQ pages.
Home Page: Customize your store's main landing page to create a compelling first impression.
Product Pages: Design unique layouts to showcase your products effectively.
Collection Pages: Create visually appealing displays for your product collections.
Blog Post Pages: Enhance your content marketing with customized blog layouts.
Password Pages: Design custom password protection pages for your store.

Types of PageFly Sections

PageFly provides two types of sections to further customize your store:

Standard Sections: Pre-designed components that can be easily added to existing pages.
Flex Sections: Offer greater design flexibility, allowing for complex arrangements of elements.

When to Use PageFly Pages and Sections

Pages: Use when you want to create entirely new pages or completely redesign existing ones. Pages offer full control over layout and content.
Sections: Ideal for adding custom elements to existing pages without rebuilding them from scratch. Sections integrate seamlessly with your current theme.

This guide will show you how to use PageFly pages and sections effectively. Make sure you have installed PageFly for your Shopify store before proceeding with this guide. Install PageFly for Free .

How To Access PageFly Pages and Sections?

Follow these steps to access PageFly Pages and Sections from your Shopify admin dashboard:

Step 1: From your Shopify admin dashboard, find and click on the PageFly Page Builder app
Step 2: On the left menu bar, click on Pages or Sections to access PageFly Pages or Sections.

How To Configure PageFly Pages and Sections?

In this section, we’ll guide you through the steps of configuring PageFly Pages and PageFly Sections:

Create A New Page/Section

Create A Page In PageFly Pages

There are two ways to create a PageFly page: Create the page from scratch or Create the page from templates.

Step 1: In the PageFly dashboard, go to the Pages tab

Step 2: Click on one of the two buttons: Create the page from scratch or Create the page from templates

Step 3: Select your desired page type from the dropdown menu

Step 4: Decide which kind of editor to use:

Gen 2 Editor: An advanced editor utilizing the flex system with nested containers.
Legacy Editor: A straightforward editor with a focus on traditional layout options.

Step 5: (only for Create from a template option): Select a suitable for your PageFly page > Click on the Select button to choose and display it in the editor

Important Note: Gen 2 Layout will be available exclusively for the Pay-as-you-go pricing model (slot plans). You can check more information

Additionally, if you already have a PageFly page or section from another Shopify store and wish to use it, you can use the Import feature. For more details about this feature, please check .

Create A Section In PageFly Sections

Similar to creating a PageFly page, there are two options in creating a new section: Create blank section or Create from a template. However, since there is only one type of section in PageFly Sections, you do not need to choose a section type

Create A Flex Section In PageFly Page

Important note: Flex section is only available when you choose to create your PageFly page using the Gen 2 Editor. You will not see this element if you select create PageFly page with Legacy Editor or your page have already built on Legacy Editor

Step 1: In the Pages tab, choose one of two options to create the PageFly page: Create the page from scratch or Create the page from templates.
Step 2: Select Gen 2 Editor
Step 3: Click on the Elements icon > In the PageFly tab choose the Layout
Step 4: Select Blank section then drag and drop it onto the canvas
Step 5: Drag and drop desired element(s) for the Flex section

Understand The Page List And Section List

Pages Configurations

In PageFly Pages, you will see a table listing every page you have created on PageFly. Six parameters are included in the table: the page title, the state of your page (published or unpublished), page type, the latest updated, the analytics indicator, and the eye icon, which allows you to view the page in preview mode

You can also tick the box before a page title to highlight and open Page Functions by clicking on the three dots, located on the right side of Page list to show more functions:

View Analytics: Check the performance metrics of the page.
Preview: See how the page looks.
Duplicate: Make a copy of the page.
Export: Export the page in .pagefly format
Delete: Remove the page.

Sections Configurations

In PageFly Sections, there is also a table listing every section you have made on PageFly. In this table, you can view the section title, its published or unpublished status, how many pages that section has been used on, the latest updated, and the eye icon, which opens the page in preview mode

Similar as PageFly Pages, you can also highlight the section and open Section Functions by clicking on the three dots:

Preview: See how the page looks.
View page: See the page that section has been used on
Duplicate: Make a copy of the section.
Export: Export the section in .pagefly format
Delete: Remove the section.

Step 3: Understand Search, Filter, And Sort

Search

The search function allows you to quickly locate specific pages or sections within the Pages or Section list. In the top right corner of the Pages or Sections list, click on Search button > Type the title or keyword related to the page or section you are looking for. The list will automatically filter to display the pages or sections that match your search keywords

Filter

With the Filter function, you may find the pages or sections based on the options we offer. There are now two options available for the Page filter: Type and Status, and there is just one option for the Sections filter: Status. You can follow those steps below to access Page or Section filter

Step 1: In the Pages or Sections list > Click on Add filter button
Step 2: Decide the kind of filter to use. You can filter by using one or both of these types: Type or Status. There are seven values in Type: Regular, Home, Product, Collection, Blog post, and Password and two values: Published or Unpublished under Status.

After selecting your desired filter criteria, the Page list or Section list will automatically update to show only the items that match your selected filter.

You can also save your filters for future use, simply select the desired filter settings > click on Save as button and enter the filter name

Sort

Another useful feature available is the ability to sort your pages and sections based on updated time or alphabetical order. This can help you better manage your pages.

Use Cases

Change Shopify store: Import and Export page features will aid the process efficiently.
Manage pages: Adjust the settings of the pages to your preference.
Make new pages with existing sections: Use the to add an existing section to the page instead of building a new section. This can help you save time and boost the process.
Best uses for each page type:
Regular Page: General content like Sale/Promotion page, About Us, Contact Us, and FAQ.
Home Page: Main landing page of your store with featured products and promotions.
Product Page: Individual product listings with detailed descriptions and images.
Collection Page: Groups of related products, like seasonal sales.
Blog Post Page: Articles, news, and updates to engage your audience.
Password Page: Protect your store before launch or during maintenance.
PageFly works with Shopify Theme: For a comprehensive understanding of how PageFly pages integrate with your Shopify theme, please refer to our .

Frequently Asked Questions

1. Can I use PageFly to redesign my existing Shopify store pages, or is it only for creating new pages?

PageFly can be used to both generate new pages and redesign ones that already exist. You can quickly and simply customize your Homepage, Product pages, Landing pages, and more without knowing any code with PageFly

2. What is a Saved Section in PageFly, and how can I use it?

A Saved Section in PageFly is a reusable block of content you can add to multiple pages. You can create a Saved section in PageFly sections then add it to your PageFly pages or Shopify pages. This feature helps you maintain consistency and save time by reusing content across your store.

3. Can I change the page type of my current page?

Yes, you can. In PageFly page editor, go to Page settings > You may change your current page type in Page type dropdown menu.

4. What is the difference between Section and Flex section?

Sections allows users to design page layout in row, column and can be added both in PageFly Sections and PageFly pages. Flex section, on the other hand, doesn’t have row-column structure and can only be added directly on PageFly pages.