Do you want to add post next and previous buttons in the Elementor blog post? These buttons enhance the user experience by letting visitors navigate through blog posts, and they help increase engagement and retention.
With the Post Prev/Next widget in The Plus Addons for Elementor, you can add post navigation buttons to the Elementor blog post page.
To check the complete feature overview documentation of The Plus Addons for Elementor Blog Builder, click here.
Best Used For:
- News and editorial blogs where readers want to move through multiple articles in sequence.
- Tutorial and documentation sites where post-to-post navigation helps users follow a learning path.
- Photography and portfolio blogs where visitors browse project posts one at a time.
Required Setup
- Elementor FREE Plugin installed & activated.
- You need to have The Plus Addons for Elementor plugin installed and activated.
- This is a Premium widget, and you need the PRO version of The Plus Addons for Elementor.
- Make sure the Post Prev/Next widget is activated, to verify this visit The Plus Addons → Widgets → and Search for Post Prev/Next and activate.
How to Activate the Post Prev/Next Widget?
Go to
- The Plus Addons → Widgets
- Search the widget name and turn on the toggle.
Read further, 20 helpful wordPress blogs to read & follow.
Add Prev/Next
Add the Prev/Next widget to the appropriate location on the blog post template.
To create the blog post template, you can use the free Nexter Builder or you can use Elementor Pro if you are already using it.
From the Select dropdown, select a predefined style for the next/previous buttons. Each style controls the layout and appearance of the navigation pair.
Suggested reading, how to add post author box in Elementor blog post.
By enabling the Related toggle, you can show the next/previous posts based on taxonomy. This is useful when you want visitors to stay within the same category or tag rather than navigating to any adjacent post.
From the Taxonomies dropdown, select the taxonomy to use for related navigation.
category – To show the next/previous posts related to a category.
post_tag – To show the next/previous posts related to a tag.
Note: If you have custom taxonomies or different plugins that create custom taxonomies, such as the WooCommerce plugin, you'll see more relevant options.
You can edit the post navigation text from the Previous Post and Next Post fields. To add post metadata like author, date, and category to the same single page template, see How to Add Post Meta in Elementor Blog Post.
Now, you will see the next and previous buttons on your blog post for navigating to adjacent posts.
From the Style tab, you can customize the style further. To add breadcrumbs to the blog single page alongside the post navigation, see How to Add Breadcrumbs on Blog Post Single Page.
Also read, how to customize post content in Elementor blog post.
