Creating a blog post page

Before going to know how to create a blog post page, this video tutorial will help you to have a clear view on how to create a blog post page:

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

You can install PageFly Drag & Drop Page Builder for Free here

Step 1: Create a PageFly blog post pageClick to copy

There are 2 ways to create a PageFly blog post page:

  • Create the page from scratch
  • Create the page from templates

Create the page from scratch

In the PageFly dashboard, choose the Blog Post Pages on Pages tab and click on the Create a blank page button on the right screen to start building your page from scratch.

Create a blog

Create the page from templates

From the Blog Post Dashboard, hit the Create from a template button. The Template Library is opened, where you can pick a suitable PageFly template for your Blog Post page. Click Select Template after you have chosen one.

Create a blog

Blog post page SettingsClick to copy

Themes Sections

The Blog post Theme’s sections can be found in the General tab in Page Setting.

Create a blog

The blog that you created in the Shopify Blog posts will be displayed once you have published the page. In this example, there are 2 blogs:  Blog List and News.

Create a blog

You can add more blog posts in Shopify assigned to different Shopify blogs. You can add to your PageFly blog page with these blog posts.

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

  • Blog Post Info: Enable this option to show the blog date and the author
  • Assigned Tags: Enable this option to show Tags set to the blog post in your Shopify Admin
  • Featured Image: Enable this option to show the Blog posts Featured image set in your Shopify Admin.
  • Comment Form: Enable this option to show a comment section on the blog page

Note that if you enable the Comment Form type and want the comments to be displayed, you need to allow it in the Shopify admin.

To enable this option, go to the Online Store of Shopify admin > Blog posts in the dropdown menu > Manage blogs.

You can see the image below:

Create a blog

And then choose a blog you want to show comments, in this example, choose the “News” blog.

You can see the Comments are disabled. Now click on the “News” blog.

 

Create a blog

In the Comments section on the left screen, choose “Comments are allowed, and are automatically published” option, and then click on the Save button like the image below.

Create a blog

You can also choose the second option if you don’t want any comments are automatically published. If you choose this option, any comments in your blog post will be controlled and moderated by you.

Page OptimizationClick to copy

The Page Optimization part configures settings for optimization of your page. You can find it in the Optimization tab in Page Setting

 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 page load fast.

Create a blog

Header and FooterClick to copy

The Header and Footer section is displayed when you choose all types of pages, except the Password Page. You can choose to show or hide the header and footer of the page in the General Tab in Page Setting. To edit header and footer, visit your theme customizer.

Create a blog

Step 2: Update content and designClick to copy

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.

Create a blog

You can use the Blog Posts element to show a single, or a list of blogs, from your Shopify store to a page. You also can take time to check this blog out to understand more about how to make the full use of your Blog post page.

You can consult this video about using the Layout element on your page

Navigate this category

Feedback
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!