How to create a Blog Post template in Shopify?
As you know, blog posts are a pretty important part of every store, but Shopify’s default template is too simple and does not meet your needs. If you are wanting to build a wonderful template, EComposer can help you out.
To build a Blog Post template, you simply need to Drop and Drag any element that belongs to create a Blog Post template. After finishing with a bunch of simple stages so you can end up with a cool Blog Post template created by yourself.
1. How to build a new Blog Post template (Built with EComposer)
By default, Shopify provides only one template for all Blog Post pages of your store. This template will overwrite your current theme template and the changes you made will apply to all your Blog Post Template.
In order to create a new Blog Post Template, please follow these steps:
- From App dashboard –> Templates
- Click Blog –> Create Blog Post
1.1. Building a new Blog Post template in EComposer and using the content from Shopify
- First of all, you must create your Blog Post in Shopify and publish it. EComposer will render the content of the Blog Post from Shopify to show.
- Choosing a structure first and then Dragging any elements from the left-slider bar to configure.
- Title: This element will take the title of your Blog Post from Shopify to show.
- Image: Whenever you want to add an image, please come to this element to do it. This will let your readers quickly get the point of your post via the picture.
- Related Article: The related blog post will display the post that has the same condition as the post you are reading, as well as the recommended post for the user to read further.
- Article Content: The post will not be perfect without this part, because you can write many main things to deliver to your readers through the content.
- Article Tags: This element will help you view the tag for the purpose of letting the reader easily search for your Blog Post.
- Author: Help you show the author’s name here.
- Comments, Comment count, Comment form: This element will present the comments from your customers. Including the number of comments, and so on.
- Prev/Next Article: This element will notify the user of the most latest post they have viewed while also displaying the following article in the same state for the user to explore further.
- Excerpt: It will allow you to include a brief synopsis of the article you are discussing on your blog post or homepage.
- Date: Come to this element the customers may update the date and time when you post it on your store.
You can connect together between Basic Element and Blog Post in the same Blog Post Template.
1.2. Building a new Blog Post template in EComposer and using EComposer to build the content for your Blog Post
Since Shopify Blog posts have limited customization, you can also create your Blog Post content inside EComposer, let’s learn how to do it.
- First, we need to navigate to Shopify -> Blog posts and create a blog post so EComposer can have a page to assign to.
- Second, you can customize your Blog Post page to your liking with the other Elements from EComposer.
Building with any elements, please be sure to select Apply for specific Blog Post in the Save setting and choose the correct Blog post.
Do the same for other blog posts. For example, if you want to have 10 posts, you must create 10 posts in Shopify first, and then create 10 Blog post templates in EComposer.
On the Saving popup, you can see the Apply for option.
- None: This means you apply for nowhere, just save it.
- Apply for all Blog Post: This action will apply the Blog Post template from EComposer to all of your Blog Post. It will overwrite the Shopify default template.
- Specific Blog Post: That means several Blog Post that you select, which will be applied.
3. How to restore to the Shopify default Blog Post template?
In case you don’t want to use the Blog Post template from EComposer and you want to restore to the Shopify default template, please follow the below steps:
- From the Ecomposer dashboard > Templates
- Click on Blog
- Hit on the icon Restore
- The first way: Click on the dropdown menu Blog post -> Choose Trash icon.
- The second way: Go on Blog Dashboad –> Hover on the template –> More options –> Remove button
Note: The Default template could not be deleted immediately; however, you should read No.3 above to learn how to restore it first. This will enable you to delete the Blog post template in EComposer in the correct order.