App Description and Features
Quickly and easily suggest related blog posts of yours to readers on your Shopify blog. 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”.
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.
Reviews
You can read plenty more 5-star reviews in the app marketplace.
Help with the App
How do I install it?
How do I access the app?
How can I style the design?
How can I add an image in the related posts?
What is the blog ID?
Related blog posts are not showing correctly:
How can I show blog posts on my home page or elsewhere?
How can I uninstall the app?
My question is not answered, can you help?
How do I install it?
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 }}. 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. Be careful of including the code inside conditional tags. Your theme should look something like something like this.
Your installation is done! You may not even need to configure the app.
In the rare case you cannot find {{ article.content }}, your article.liquid file will contain another liquid file that inserts {{ article.content }}. Look for any mentions of {% include or {% section which is how Shopify inserts liquid files. View the liquid files until you find {{ article.content }}.
How do I access the app?
Configure the app at any time by selecting the “Related Blog Posts” app from the “Apps” link in your primary Shopify admin.
How can I style the design?
The app uses your theme’s default CSS so I cannot personally 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.
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 look like:
How can I add an image in the related posts?
In the app settings, enable “Display the related posts image” option. The image comes from the “Featured Image” of the blog post.
What is the blog ID?
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:
The blog ID for this post is: 45970309
Related blog posts are not showing correctly:
- 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.
- Do you have at least three blog posts published? You need blog posts otherwise there is no suggested posts to link to.
- Clear the cache. A cron runs every 24 hours to refresh the cache because Shopify does not have any hook to notify the app when a new post is made.
- Are you working on a preview theme? You have to copy-and-paste the
relatedblogs.liquidandtimestamp.liquidfiles in the “Snippets” folder of your live theme into the preview theme you’re editing.
How can I show blog posts on my home page or elsewhere?
The app is not made for this. If you’d like me to create a display of blog posts on your home page for your store, contact me for custom work. It’ll cost about AU$600.
How can I uninstall the app?
Remove the app via the Shopify apps of your admin. If you want to remove all pieces of code, remove the relatedblogs.liquid file in the “Shippets” folder and remove {% include 'relatedblogs' %} wherever you placed it in your article.liquid file.
My question is not answered, can you help?
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, and 3) screenshot of your app settings. I cannot read your mind. If you don’t provide this information, I cannot help.
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: