About PageFly Pages and Sections
Summary: PageFly pages and sections allow you to create custom layouts and designs for your Shopify store effortlessly. With PageFly, you can build entire pages or create sections and add it to existing ones, enhancing their visual appeal and functionality.
There are 6 types of pages: Regular, Home, Product, Collection, Blog post and Password and two types of sections: section and flex section.
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 here.
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 For 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 PageFly template for your PageFly page > Click on Select button to choose and display it in editor
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 this video tutorial.
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
- 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 Saved Section 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.
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.
Version Update
In addition to the traditional page building mechanism (row, column), PageFly 4.116.0 adds Flex Layout, a more flexible and efficient technology that allows creation of complex and highly customizable layouts, which comes with an intuitive and user-friendly interface.
