PageFly - Create a blog post page

840 views 2

Important: This feature is only available on the Premium plan

In this article, you’ll learn how to create a blog page with PageFly so you can have more control over the layout and design of your blog.

Step 1: Create a blog post page

There are 2 ways to create a blog post page:

  • In the PageFly main dashboard
  • In the Blog Pages main dashboard

In the PageFly main dashboard

You can quickly create a blog post page by selecting one of the two options:

  1. (+) icon:
  2. [ Create a page ] button

blog post 1

There is a Page Settings modal pop up. To create a new blog post page, choose the Blog Post option in the Page Details section like the image below.

blog post 2

In the Blog Pages main dashboard

Choose the Blog Pages option in the PAGES menu to open the Blog Pages main dashboard. In the Blog Pages main dashboard, click on Create a blog post option.

blog post 3

The Page Settings modal pop up. However, this way, the Blog Post option is automatically chosen for you in the Page Details section. This means that you don’t have to choose the Blog Post option like the first way shown.

blog post 4

Blog Details section

The Blog Details section is displayed when the Blog Post option is chosen.

blog post 5

The blog categories that you created in the Shopify Blog posts will be display. In this example, there are 2 categories such as Blog List and News.

You can add more blog posts in Shopify in many different blog categories, and you can add to your blog page with these blog posts in one of those categories.

All of them give you 4 types of blog options you can choose including:

  • Post Info
  • Assigned Tags
  • Featured Image
  • Comment Form

Page Optimization

The Page Optimization part which configures settings for optimization of your page. This is a new setting with PageFly version 2.5.0.

You can choose to Enable Lazyload Images for any page you want. For the page(s) you set up Lazyload Images on, when you scroll down, the images below will be loaded gradually. It is applied for all the images such as Collection Image, Background Image, Product Image, etc.

The Lazyload Images option helps to optimize your page loading speed. Basically, it helps your pages load super fast.

blog post 5

blog post 6

The Header and Footer section is displayed when you choose all types of pages, except the Password Page. In this section, you can choose to show or hide the header and footer of the page. To edit header and footer, visit your theme settings.

When you finish setting up in the Page Settings modal, click on the Next button at the end of the modal. Then the Template Library is opened, where you can pick a suitable page template to start with.

blog post 7

The Template Library prompts you as per the image below.

blog post 8

Step 2: Update content and design

We’ve chosen the Cipi template because this template can be found in the Blog Post page type. You can change to other templates and add information to suit your store. Here is a quick look at the Cipi template.

blog post 8

Was this helpful?