The Related Posts widget (Pro version only) lets you display relevant posts after a single article. This improves user engagement, reduces bounce rate, and enhances SEO by keeping visitors on your site longer.
How to Use
- Go to WordPress Dashboard → BlogNews → Site Builder (Pro).
- Open your Single Post template with Elementor.
- Drag and drop the Related Posts widget at the end of your post layout.
- Use Content Settings to define how related posts are fetched.
- Adjust Post Settings to control the look and feel.
- Save and publish changes.
Content Settings
- Post Query
- Layout Style → Choose between Card or Overlay styles.
- Same Author Toggle → Show only posts written by the same author.
- Same Tag Toggle → Show only posts with the same tags.
- Number of Posts → Set how many related posts to display.
- Order By → Choose the order criteria (Date, Title, Random, etc.).
- Order → Set the order direction (Ascending / Descending).
- Category Style → Select a category display style.
- Title Length (in lines) → Control how many lines of the title are shown.
- Post Settings
- Columns → Define the number of columns for the grid layout.
- Gap → Set spacing between posts.
- Image Toggle → Enable or disable featured images.
- Post Content → Toggle post excerpt visibility.
- Post Meta → Show or hide meta information like author, date, or categories.
Styling Controls
- Blog Style → Adjust padding, margin, border, and background for the related posts block.
- Category → Control typography, text color, background, spacing, and alignment for categories.
- Image → Manage image width, height, border, border radius, hover effects, and box-shadow.
- Title → Customize typography, color, spacing, margin, and hover color for post titles.
- Meta → Set typography, color, icon color, spacing, and alignment for post meta.
Pro Tip
- Use 3 posts in a grid layout with featured images enabled