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
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:
Step 1: Create a PageFly blog post page
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 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.
Blog post page Settings
The Blog post Theme’s sections can be found in the General tab in Page Setting.
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.
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:
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.
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.
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.
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.
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.
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.
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