In this article, you will learn how to show similar posts/products while viewing a single post. This feature is called related posts.
What are Related Posts?
The Related Posts are an auto-generated list of relevant articles, which is shown at the sides or bottom of your posts, taking into consideration various factors like tags, content, categories. This functionality can serve as a good way to present people who are reading the article to ideas that are most similar to the content without having to leave the site.
This feature helps blog owners who want higher rankings in search engines and increase user’s duration of stay on site. When readers are looking for more information on a topic, they explore more articles listed under related posts.
1. Install a Post Widget from the Widget Library #
Navigate to Unlimited Elements >> Widgets >> Post Widgets and Install Post Carousel Widget
2. Add the Post Widget to a Single Post Template #
a) Navigate to Templates >> Theme Builder >> Single Post >> Edit your Single Post Template
b) Inside your Single Post Template:
- Search for Post in Elementor’s widget pane.
- Drag & Drop the Post Carousel Widget into your single post template.
This feature works only in Single Post Template.
3. Open Post Query Settings #
Navigate to Post Carousel >> Content Tab >> Posts Carousel.
Select Related Posts option from Posts Source drop-down as shown.
Same Instructions can be used to show related products on a woo-commerce website.
4. Preview the page #
Congratulations! You have applied Related Posts feature on the Single Post Template inside your Elementor website. Now all you need to do is preview the page to see the applied changes.