---
title: "How to Add Post Next & Previous Button in Elementor Blog Post?"
url: https://theplusaddons.com/docs/add-post-next-previous-button-in-elementor-blog-post/
date: 2023-12-07
modified: 2026-05-25
lang: en
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2023/12/How-to-Add-Post-Next-_-Previous-Button-in-Elementor-Blog-Post_-1024x536.jpg
word_count: 483
---

# How to Add Post Next & Previous Button in Elementor Blog Post?

## 

- Enhance user experience and engagement with the Post Prev/Next widget from The Plus Addons for Elementor.
- Require the PRO version of The Plus Addons for Elementor to activate the Post Prev/Next widget in Elementor.
- Customize navigation buttons by selecting predefined styles and editing text in the Previous Post and Next Post fields.

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](https://theplusaddons.com/docs/blog-builder-settings-overview/).*

**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](https://wordpress.org/plugins/elementor/) installed & activated.

- You need to have [The Plus Addons for Elementor](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) plugin installed and activated.

- This is a Premium widget, and you need the [PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text).

- 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.**

![](https://theplusaddons.com/wp-content/uploads/2023/12/post-prev-next-activation-1-1024x359.png)

Read further, [20 helpful wordPress blogs to read & follow](https://theplusaddons.com/blog/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](https://nexterwp.com/docs/nexter-theme-builder-explained/) 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.

![post prev next content](https://theplusaddons.com/wp-content/uploads/2023/12/post-prev-next-content.gif)

Suggested reading, [how to add post author box in Elementor blog post.](https://theplusaddons.com/docs/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](https://theplusaddons.com/docs/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](https://theplusaddons.com/docs/add-breadcrumbs-on-blog-post-single-page/).

![post prev next demo](https://theplusaddons.com/wp-content/uploads/2023/12/post-prev-next-demo.png)

Also read, [how to customize post content in Elementor blog post](https://theplusaddons.com/docs/customize-post-content-in-elementor-blog-post/).