Shopify is the e-commerce platform that we recommend to 9 out of 10 of our clients. We recommend Shopify to small businesses because it’s cheap, simple to use and easy to maintain.

Check out the Shopify website for more details and contact Morning Copy if you would like our help designing your Shopify website.

That being said, this tutorial has nothing to with the e-commerce side of Shopify!

Instead, in this tutorial we’ll show you how to create a Recent Posts list for your Shopify website.

After all, you can have the best products in the world but you won’t sell any if your customers can’t find you. By creating great content and making it easy for users (and search bots) to navigate your site, you’ll generate more search engine traffic and bring more customers to your online store.

How to add a Recent Posts list to your Shopify store

Step 1.

Log into the Shopify backend and create a blog and some placeholder articles.

Click the Blogs & Pages button in the top menu, then click the Create a New Blog link.

For the purposes of this tutorial we are using the default News blog that Shopify uses as an example in every fresh installation.

Step 2.

Most people will want to see the most recent posts on the Blog archive and Article pages but might also like to see the list on the Homepage or even the Product page. For this reason, we suggest you create a code Snippet that can be placed on multiple templates.

To create a code Snippet, navigate to the Theme Editor section of the backend and click the Add a new Snippet link. Name the Snippet and click on the template to open the code window.

Add this code and click Save.

<h2>Latest Posts</h2>


{% for article in limit: 5 %}

<li><a href="{{ article.url }}">{{ article.title }}</a></li>

{% endfor %}


My blog is called News. You must replace news with your blog’s name in the first line of code.

Step 3.

Now you’re ready to add your Recent Posts list to your Shopify templates. For the purposes of this tutorial I am going to place a list on the Blog template, the Article template and Index template.


We’ve been asked how to add ‘posted dates’ onto the Recent Posts list via email. It’s only one more step. Simply add the date.created_at code to your existing list.

{{ article.created_at | date: "%d.%m.%Y" }}

Here’s what your final code should look like.

<h2>Recent Posts</h2>
{% for article in limit: 5 %}
<li><a href="{{ article.url }}">{{ article.title }}</a> <span>{{ article.created_at | date: "%d.%m.%Y" }}</span></li>
{% endfor %}

All you have to do now is add your code snippet to each template. I’ve called my snippet Recent_Posts so this is the code that I will add to each template.

{% include 'Recent_Posts' %}

For this tutorial, we have put the code in the sidebar but you can place it anywhere you like.

Check out our examples:

That’s it! If you have any questions please leave a comment and we’ll do our best to help.

If you need a Shopify Designer please don’t hesitate to contact Morning Copy.

3 Responses to Shopify Tutorial: How to add a ‘Recent Posts’ list

  1. Ryan says:

    Just getting into Shopify. I love it!

    This was exactly what I was looking for. Thanks…

  2. John says:

    Can I use this method to produce a list of Recent Products? If so, how?

  3. Alex says:

    Worked a charm! Thanks :)

1300 559 343

02 8231 6596

Alstonville NSW 2477