---
title: Post Pagination
description: "## Overview The **Post Pagination widget in SiteCraft** allows users to navigate between posts easily by displaying previous and next post links. It improves user experience by enabling seamless navigation across single post pages. --- ## Key Features - Previous…"
url: "https://sitecraft.themeshala.com/docs/post-pagination/"
updated: "2026-04-28"
category: Dynamic Widgets
---

# Post Pagination

## Overview

The **Post Pagination widget in SiteCraft** allows users to navigate between posts easily by displaying previous and next post links. It improves user experience by enabling seamless navigation across single post pages.

---

## Key Features

- Previous and next post navigation
- Dynamic linking based on current post
- Custom label support (text or icons)
- Alignment control (left, center, right, justified)
- Typography and color customization
- Hover effects and transitions
- Fully responsive design

---

## Requirements

Use this widget inside a **Single Post Template**.

---

## How to Enable the Widget

Before using the Post Pagination widget, make sure it is enabled.

**Steps:**

1. Go to **SiteCraft → Dashboard → Widgets**
2. Find **Post Pagination Widget**
3. Toggle to enable it
4. Click **Save Changes**

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/post-pagination-switcher.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/post-pagination-switcher.png)

---

## How to Add the Widget in Elementor

1. Open your **Single Post Template** with Elementor
2. Search for **“Post Pagination”** under SiteCraft widgets
3. Drag and drop it into your layout
4. Customize labels and styles

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/post-pagination-el-scaled.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/post-pagination-el-scaled.png)

---

## Content Settings

Control navigation behavior and labels.

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/post-pagination-el-content-scaled.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/post-pagination-el-content-scaled.png)

**Options:**

- **Previous Label** – Custom text or icon
- **Next Label** – Custom text or icon
- **Show Arrows** *(if available)* – Enable/disable icons
- **Alignment** – Left, Center, Right, Justified

---

## Style Settings

Customize the appearance of pagination links.

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/post-pagination-el-style-scaled.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/post-pagination-el-style-scaled.png)

**Available Controls:**

- **Typography** – Font, size, weight
- **Text Color** – Normal and hover states
- **Background** – Colors and hover effects
- **Spacing** – Gap between links
- **Border** – Width, style, radius

---

## Advanced Settings

Fine-tune layout and responsiveness.

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/post-pagination-el-advanced-scaled.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/post-pagination-el-advanced-scaled.png)

**Includes:**

- Margin & padding
- Responsive visibility
- Motion effects
- Positioning
- Background & border

---

## Use Cases

Perfect for:

- Blog post navigation
- Article series
- News websites
- Content-heavy blogs

---

## Result

You can now add smooth navigation between posts using the **SiteCraft Post Pagination Widget**, improving user engagement and content flow.