Digital Darts
  • Services
    • Google Ads
    • Facebook and Instagram Ads
    • SEO Management
    • SEO Audit
    • Email Marketing
    • Case Studies
  • Shopify Books
    • Google Shopping for Shopify
    • Shopify Conversion Rate Optimization
  • Articles
  • About
  • Contact

Related Blog Posts Shopify App

Increase reader engagement

Quickly and easily suggest relevant posts of yours on your Shopify blog to improve reader engagement. Once someone finishes reading a blog post, you can suggest additional articles of yours for people to read like “You May Also Be Interested In Reading”.

Improve Your Shopify SEO

Boost your SEO with quality internal links and better Google crawlability.

Simple to Use

Fully customizable, fast, and quick to install.

Features

You have full control:

  • Set the number of related posts to display to improve readership
  • Use the featured image of a blog post to increase click-through rate
  • Change the text displayed if there are no related posts
  • Determine what blogs to display on (great if you have multiple blogs you want to keep separate)
  • Exclude posts if they use a specific tag
  • Exclude posts from showing as a related post (great to hide one-time promotional posts)
  • Style the related posts so they look exactly how you want

It is fast with an in-built cache to never slow down your blog.

Use it free for your Shopify store by accessing the app in the official marketplace.

If the app helped you, please leave a review.

User Reviews

This is an awesome blogging tool. I recommend it to anyone who has a shopify blog. It is working well for reversemovement.com

ReverseMovement.com

Took 2 minutes. Very easy! Love it 🙂

FairAndSimpleCollection.com

We’re finding a lot of success with Related Blog Posts…People don’t just drop off on that blog post, but they click another blog post and read a different topic that you’ve talked about.

AirTailor.com
Official Shopify Masters Podcast

You can read plenty more 5-star reviews in the app marketplace.

Help with the App

Get the app from the marketplace. In your Shopify admin go to “Online Store” and “Themes”. Click “Edit Code” for your live theme.

Select the file article.liquid or article-template.liquid file depending which file has the line {{ article.content }}. If your store uses Shopify’s Online Store 2.0 with a theme like Dawn, find the file main-article.liquid.

Secondly, copy:

{% include 'relatedblogs' %}

Paste the line where you want related posts to show. We recommend after {{ article.content }} so related blog posts display at the end of a blog post.

Your theme is likely to have multiple instances of {{ article.content }}. The most common mistake people make is installing the line of code inside script tags that are used for schema.

Your theme should look something like something like this.

Most themes use sections so you will not find {{ article.content }} in your article.liquid. The article.liquid file will reference another file like {% section 'template-article' %}. Go to the sections folder to find the article-template.liquid file. In it you will find a mention of {{ article.content }}.

Still cannot find the article.content code? Use the Liquify – Shopify Enhanced Code Search/Editor Chrome Extension then search {{ article.content }}. You may have to restart your browser the moment you install the extension.

Your installation is done! You may not even need to configure the app.

Configure the app at any time by selecting the “Related Blog Posts” app from the “Apps” link in your primary Shopify admin.

The app is free and uses your theme’s default CSS so we cannot support you to style it how you want.

The suggested blog posts should look great out-of-the-box for most stores. If it doesn’t, you can enter custom CSS by going to the “Design” tab. Any web designer will be able to style it for you because the changes are basic.

There are two themes in the “Design” tab so you can select a layout you like.

The related posts are wrapped with an ID “relatedblogs” to easily focus your CSS. Here is an example of CSS to use:

#relatedblogs { width:400px; }
#relatedblogs ol { font-style:italic; font-family:Georgia, Times, serif; font-size:24px; color:#bfe1f1; }
#relatedblogs ol li { padding:8px; font-style:normal; font-family:Arial; font-size:13px; color:#888; border-left: 1px solid #999; }

This makes the related posts on the Shopify Solo Theme (which is no longer available in the Theme store) look like:

Custom design example

Any design can be customised with CSS either in your theme or within the “Design” tab of the app. To change the font of the button, use: .rb_continue_button { font-family: Arial,Helvetica Neue,Helvetica,sans-serif; }.

If you want to remove the button, use: .rb_continue_button { display: none !important }.

Most of the content in the app uses whatever language your blog posts are written in. If you want to change the “Related Posts” section, click on “Design” from the top. In the same place, you can change the button text in theme two.

In the app settings, enable “Display the related posts image” option. The image comes from the “Featured Image” of the blog post.

The blog ID is used for exclusion rules. You can get the ID you want to exclude by visiting the blog post then copying the number from the URL. For example, leading Shopify theme developer Out of the Box use the app on their blog post:

Out of the Sandbox blog URL

The blog ID for this post is: 45970309

  1. Check the one-line snippet is installed at the right place in your published theme. See the FAQ “How do I install it?” for more help.
  2. Do you have at least three blog posts published? You need blog posts otherwise there is no suggested posts to link to.
  3. Are you working on a preview theme? You have to copy-and-paste the relatedblogs.liquid file in the “Snippets” folder of your live theme into the preview theme you’re editing.
  4. Do you have over 50 articles or 50 blogs? The relevancy of suggested blog posts may degrade when you have over 50 articles because of Shopify API limits. No more than 50 blogs or articles can be queried in any for loop, which the app uses for relevancy. This is designed to help the performance of Shopify.

You can rename the file to edit the liquid otherwise the app will override your liquid changes.

If you want to change the liquid, it’s best you set the app settings to how you want. Then rename the liquid file relatedblogs.liquid to anything you want. You also need to update the reference to this where it is included in your article template.

The app is made to show related blog posts. It won’t work on non-blog posts like blog home pages or product pages. You can work with a developer for such features.

If you update or change your theme, there’s two things to consider. Firstly, you need to ensure the relatedblogs.liquid file exists in the snippets folder of your new theme. You can copy the file across from your old theme into the same folder.

Secondly, check if the snippet {% include 'relatedblogs' %} is added to your new theme where you want the suggested blog posts to appear. If blog posts are not appearing on the new theme, this likely has not been done. You can follow the installation instructions in the FAQ to learn where to put this one line of code in your theme.

You will get a liquid error of “Could not find asset snippets/relatedblogs.liquid” when your theme doesn’t have the relatedblogs.liquid file. This can happen when you change the theme, update the theme, or someone removes the file.

Go to the app then “Save”. This will create the relatedblogs.liquid file in the snippets folder to fix the error.

If you installed the app via Online Store 2.0 within your theme customizations, you can disable the app embed then remove the app via the Shopify apps of your admin. If you installed the app by manually editing the code of your theme, you can remove the relatedblogs.liquid file in the “Shippets” folder , remove {% include 'relatedblogs' %} wherever you placed it in your theme, then uninstall the app.

If you cannot find the file where you installed the snippet, use the Liquify – Shopify Enhanced Code Search/Editor Chrome Extension then search {% include 'relatedblogs' %}.

The app is 100% free, but I try to help out when possible. Contact me with your question and share as much detail as possible to stop emails going back-and-forth. Please provide a 1) link to one of your blog posts, 2) screenshot of where you inserted the relatedblogs.liquid line of code as per the instructions (use software like ShareX to capture a screenshot and automatically upload it online because attachments through the contact form are not possible), and 3) screenshot of your app settings. If you don’t provide this information, I cannot help because I cannot read minds.

Improve Your Blog In Two Minutes:

Have the app running on your store two minutes from now. Get the Related Blog Posts app from the official Shopify marketplace:

Get It for Free

Get Your Free 4 Rules Of Store Growth:

Learn the tactics to get more buyers to your store, increase profit per order, and immediately download a 30+ page deck "4 Rules of Store Growth". Join over 11,419 subscribers who have completed the course by entering your email:

Recent Posts

  • 9 Shopify Subscription Secrets Hidden in the Serenity of Japanese Gardens
  • Is Dropshipping Worth It? The Dirty Truth
  • How to Add Flawless Hreflang Tags in Shopify At Last
  • How We Scaled a Store’s Facebook Ads From $300/Month to $300,000/Month in Ad Spend
  • Your Definitive Guide to Google Shopping for Shopify—Master The Channel

Categories

  • Analytics
  • Conversion Rate Optimization
  • Facebook Ads
  • Google Ads
  • SEO
  • Shopify Tutorials

Tools and Resources

  • Related Blog Posts Shopify App
  • Digital Darts: Hreflang Tags Shopify App
  • Google Campaign URL Builder
  • Online Store Profit and Shipping Calculator
  • Google Ads Match Type Tool
  • Link Research Tool

Follow For Weekly Shopify Marketing Tips

Twitter
LinkedIn
YouTube
Helpful Links
  • Contact
  • Careers
  • Partners
  • Shopify
  • Tools
  • Privacy and Cookies Policy
  • Terms of Service
  • Web Accessibility Statement

© Digital Darts® 2023

Our Best Guides
  • Google Shopping for Shopify: The Definitive Guide
  • Shopify Conversion Rate Optimization
  • The Shopify SEO Expert Guide: Over 101 Tips (Updated For 2023)
  • The Finest Google Analytics Setup in Shopify for Splendid Data
  • You can also subscribe to our YouTube channel for videos on building a better Shopify business
YouTube
Twitter
LinkedIn
Get Proven Tactics to Grow

Take the next step and get a free 30+ page deck to rapidly scale your store:

We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it. Privacy and Cookies Policy