One of the widgets offered by Elementor is Posts. You can use this widget to create a custom single post template on your WordPress site. This widget will load the existing posts on your website. By default, Posts loads the last 6 posts on your website, but you can set it to load specific articles or pages according to your setting. If you want, you can also make use of the Posts widget to add related posts. Be it on a single post, sidebar or anywhere you want to add them.
Adding related posts, especially on a single post, is the common practice adopted by many website owners. This will allow your visitors to easily find other posts related to the current post they are reading. Most WordPress themes, including Newspaper by tagDiv, have this feature (related posts).
In this post, we will show you how to add related posts on a single post.
Note: The Posts widget is only available Elementor Pro. Find the differences between Elementor Free vs Elementor Pro.
How to add related posts in Elementor
With Elementor, you can actually add related posts on any part of your website, not just on the single post. But, since the common practice of related posts placement is on the single post, we will follow this common “rule”.
First off, login to your WordPress dashboard and go to Templates -> Theme Builder.
On the Theme Builder page, go to the Single tab and click the Add New button to create a new template.
On the Select Post Type option, select Post. Give your template a name and click the CREATE TEMPLATE button to start creating your template.
Select one of the available templates on the template library and click the Insert button to take it to the Elementor editor (you can also create a single post template from scratch).
Once the template is loaded to the Elementor editor, drag the Posts widget to a section where you want to add the related posts (normally on the bottom side).
Click the Query option under the Content tab to see the available settings. On the Source section, set to Related.
Elementor allows you to add related posts based on the author or term (tags, categories, and formats). To set it, click on the field beneath Include By and select the term (or author) on the next appearing field.
There are more options available as well in case you want to set very specific related posts. You can filter the posts based on the date.
To customize your related posts, you can return to the Layout option. You can set the number of articles on the related posts, the number of columns, image ratio, and, so on. Click the PUBLISH button once you are done.
9 thoughts on “How to Add Related Posts in Elementor”
easy tutorial, thank you
You need to update it, the icons are changed
How do I show related (by tag) posts of a different custom post type?
My question remains relevant. Can you help me out?
Nice,
I would also like a script to show similar posts but with an image.
I don’t have to use plugins anymore
I was looking for something like this… many people suggested using Plugins… I’m a minimalist while considering plugins…
This tutorial helped me…
Thanks.
Thanks for the post. However, I still have an issue with this. After selecting ‘include by’ term and then next is to select term, it wants you to seletect a particular category instead of saying category since this is a single page template for all other posts on the blog. Can you help on this please?
Use ‘current query’, it was match the current query for the post or archive category you are on
Thank you for this tutorial. However, when i use it, the algorithm suggest me only the same posts over and over, regardless of the similarity in the content of the article. Is there a way to fix this?