BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Pro widget

Post Navigation Widget for Elementor Pro

Previous and next post links for single post templates.

Overview

What Post Navigation does

Post Navigation shows links to the previous and the next post, with labels, titles, featured images, dates and arrows. Use it at the end of a single post or in a single post template so readers can move on to another article. An optional link in the middle leads back to the blog or archive page.

Features

What it can do

  • Three styles: Plain, Cards and Image background.

  • Each link can show a label, the post title, the date, the featured image and an arrow.

  • Titles are cut after a set number of lines, from 1 to 5.

  • Can stay inside the same category, tag or another group of the current post.

  • Optional icon link in the middle that opens the blog, an archive or any address.

  • Custom icons for the previous arrow, the next arrow and the middle link.

  • The two links can sit one below the other on phones.

  • Password protected posts are skipped, so the next readable post is linked.

Use cases

When to use it

Blog post template

Add it under the post content so readers find the next article without going back to the blog page.

Portfolio or case studies

Use the Image background style so each neighbor shows its featured image as a large tile.

Series inside a category

Switch on Stay in the Same Group so readers only move between posts that share a category.

Setup

How to set it up

A few steps from adding the widget to a finished result.

  1. Open a single post template (or a post) in Elementor and drag in Post Navigation.

  2. Pick a Style: Plain, Cards or Image background.

  3. Switch Label, Post Title, Date, Featured Image and Arrows on or off, and edit Previous Label and Next Label.

  4. To keep readers within one topic, switch on Stay in the Same Group and choose the Group.

  5. For a link back to the blog, open Link in the Middle and switch on Show. Leave Link empty to use the blog or archive page.

  6. Adjust spacing, colors and image size in the Style tab.

FAQ

Questions and answers

Where does the middle link go when Link is empty?

For normal posts it opens the blog page set in WordPress, or the home page when no blog page is set. For other post types it opens that post type’s archive.

Can it keep readers inside one category?

Yes. Switch on Stay in the Same Group and choose Category, Tag or another public group in the Group option.

What happens on the first or last post?

Only the link that exists is shown. The other side stays empty so the layout keeps its shape.

Does it work with custom post types?

Yes. It links the previous and next entry of whatever post is being viewed.

Bright Addons Pro

Get Post Navigation with Bright Addons Pro

Bright Addons Pro has 80 Pro widgets plus all 51 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $18 a year, with a 14-day money-back guarantee.