PageFly - How to create a new page

422 views 0

In this article, you will learn how to create a new page with PageFly and edit its settings. PageFly pages can become a sales-killer and they can increase conversion rate for your store.

With PageFly, you can create 6 types of page:

  1. Regular page: A standalone page, landing page or sub-page for your store and campaign.
  2. Home page: A brand-new efficient home page that visitors first see when they go to your store.
  3. Product page:
    1. Existing: An add-on page that attaches more content to your existing Shopify Product page. You can add PageFly content above and/or below the Shopify product block.
    2. Custom: A new product page that fully replaces Shopify default product page. You can build a new product page from scratch.
  4. Collection page
    1. Existing: An add-on page that attaches more content to your existing Shopify Collection page. You can add PageFly content above and/or below the Shopify collection block.
    2. Custom: A new product page that fully replaces Shopify default collection page. You can build a new collection page from scratch.
  5. Blog post: A blog post to talk about your brand, product or related content to grow traffic and loyalty.  
  6. Password page: A custom page to entertain, notify or capture email of visitors when the store password is enabled.

Note: In version 2.1.0, PageFly has become a stand-alone app. Therefore, the interface has changed significantly to make PageFly more potential and suitable to become a solution for conversion rate optimization.  

Stand-alone interface

PageFly now has the app menu at the left sidebar. The main center area is for notification and page listing. The app menu at the left sidebar includes:

  • Back to Shopify option. It will direct you to the Apps page of your account.
  • Pages manager
  • Settings

pagefly-stand-alone-app

Let’s look at the 3 main options:

  1. Pages manager: Where you can access 6 types of pages in different page listings. They are:
    1. Regular pages
    2. Home pages
    3. Product pages
    4. Collection pages
    5. Blog pages
    6. Password pages
  2. The (+) icon and [ Create A New Page ] button: You can select either button to quickly create a new page
  3. Settings: Where you can access your account information.

pagefly-new-look

Quick way to create a page

You can quickly create a new page by selecting 1 of the 2 options:

  1.  (+) icon: This option is handy when you are in any page listing.
  2. [ Create a new page ] button: This option is on the Dashboard only.

pagefly-create-new-page

After clicking on the option to create a new page, the Page Settings modal will show up. Here, you can pick a page type and its settings.

Then, you can choose a beautiful pre-made template or a blank canvas to start with.

Now, let’s dive in the steps of how to create each page type!

Create a Regular page

  1. First, fill in the page title.
  2. Second, the page title will be automatically picked up as the path URL, but you can edit it to what you want.
  3. Third, choose Regular page type.
  4. Finally, choose to show or hide the header and footer.

pagefly-create-regular-page-01

 

Create a Homepage

Note: This feature is only available from Pro plan.

  1. First, fill in the page title. 
  2. The Homepage URL is fixed so you can’t change it.
  3. Next, choose Home page type.
  4. Finally, choose to show or hide the header and footer.

pagefly-create-home-page-01

 

Create a password page

Note: This feature is only available in Premium plan.

  1. First, fill in the page title. The page URL is the Shopify default URL for password page  (your-shop-name.myshopify.com/password).
  2. Then, choose Password page type.
  3. Remember to enable the store password. If you already did, ignore the notification.

pagefly-create-password-page

 

Create a product page

Note: This feature is only available from Pro plan.

  1. First, fill in the page title. The path URL is fixed based on the Shopify product you are editing, so you can’t edit it.
  2. Then, choose Product page type.
  3. Finally, choose the Existing or Custom layout.

Using Existing layout

Existing layout is an add-on page that attaches more content to your existing Shopify Product page.

In particular, you can add PageFly content above and/or below the Shopify product block.

pagefly-create-product-page-existing-layout-01

Next, you can select product(s) to apply the page to. You can:

  1. Quickly choose All Products to apply the page design to all of your products, or Custom Product to apply the design to some products only.
  2. Find the selected products here. You can also de-select products in this list.
  3. If your product is already assigned to another page, the ( i ) icon will show up.
  4. You can select the checkbox to pick the product, or de-select to remove it from the list.

pagefly-create-product-page-existing-layout-02

Here’s how it works.

pagefly-create-product-page-existing-layout-03

Remember: You can select, or de-select products by either way:

  1. Under Available Product, you can check a product box to add it, or un-check the box to remove it from the list.
  2. Under Selected Product, you can select the (X) icon to remove the product from the list.

pagefly-create-product-page-existing-layout-04

After that, simply choose a template or a blank page to start with!

 

By creating product page with existing layout, you can add content above and/or below the Shopify product block.

The Shopify product block looks like this. You can’t edit it in PageFly so just ignore it.

pagefly-create-product-page-existing-layout-06

Let’s make some changes to it.

 

And it’s time to check it on live!

 

Using Custom layout

Custom layout is a new product page that fully replaces Shopify default product page.

In particular, you can build a new product page from scratch.

pagefly-create-product-page-custom-layout-01

We will continue to choose a template to start.

 

Let’s edit it a bit.

 

And here’s how it looks on live! A brand-new Product Page built from scratch, completely removes Shopify default design.

 

Create a collection page

Note: This feature is only available from Premium plan.

  1. First, fill in the page title. The path URL is fixed based on the Shopify collection you are editing so ignore it.
  2. Then, choose Collection page type.
  3. Finally, choose an Existing or Custom layout.

Using Existing layout

Existing layout is an add-on page that attaches more content to your existing Shopify Collection page.

In particular, you can add PageFly content above and/or below the Shopify collection block.

pagefly-create-collection-page-with-existing-layout-01

Next, you can select collection(s) to apply the page to. You can:

  1. Quickly choose All Collections to apply the page design to all of your collections, or Custom Collection to apply the design to some collections only.
  2. Find the selected collections here. You can also de-select collections in this list.
  3. If your collection is already assigned to another page, the ( i ) icon will show up.
  4. You can select the checkbox to pick the collection, or de-select to remove it from the list.

pagefly-create-collection-page-with-existing-layout-02

By creating collection page with existing layout, you can add content above and/or below the Shopify collection block.

Let’s start with a template…

 

The Shopify collection block looks like this. You can’t edit it in PageFly so just ignore it.

pagefly-create-collection-page-with-existing-layout-03

Let’s make some changes.

 

Et voila! The list of collection is placed on the page by default, so you can add any content above or below it to boost the impact!

 

Using Custom layout

Custom layout is a new product page that fully replaces Shopify default collection page.

In particular, you can build a new collection page from scratch.

pagefly-create-collection-page-custom-layout-01

Choose the collection in a similar way to the that of the Existing layout.

pagefly-create-collection-page-custom-layout-02

Just keep swimming…

 

Let’s edit it a bit.

 

Et voilà! Here’s how the live page looks like!

 

Create a blog post

Note: This feature is only available from Premium plan.

  1. First, fill in the page title.
  2. Second, the page title will be automatically picked up as the path URL, but you can edit it to what you want.
  3. Then, choose Blog post type.
  4. Finally, choose to show or hide the header and footer.

pagefly-create-blog-post-01

Especially, don’t forget to scroll down a bit and pick blog post details. You can choose to show:

  • Post information
  • Assigned tags
  • Featured image
  • Comment form

pagefly-create-blog-post-02

 

Edit with PageFly option in Shopify editor

When you have created a page in PageFly, you can edit the page by choosing:

Shopify admin > Shopify Apps > choose PageFly app > choose the page to edit in Dashboard

pagefly-edit-with-pagefly-01

Another way is to go to

Sales Channels > Online Store > Pages

pagefly-edit-with-pagefly-02

Then, select the page that you want to edit in PageFly to open it > select More actions > Edit with PageFly.

pagefly-edit-with-pagefly-03

 

Change page type with Page Settings

You can change the page type of a page (for example, from Regular to Blog post), by clicking on the Settings () button.

pagefly-change-page-type-with-page-settings

Was this helpful?