Adding pagination to Elementor posts helps organize your content into manageable sections, making it easier for visitors to explore your website. The Post Pagination widget provides a seamless way to navigate between pages of posts, improving site usability and enhancing the overall browsing experience. It’s especially useful for blogs, portfolios, and archives with a large number of posts. Plus, it helps reduce page load time by displaying only a limited number of posts per page.
Popular Use Cases for adding Pagination to Elementor Posts
Blog Pages
Pagination is essential for blog sections with many posts. It breaks content into separate pages, making it easier to browse, faster to load, and more organized for a better reading experience overall.
News or Magazine Sites
High-volume content websites like news portals benefit from pagination by offering readers a clean, efficient way to navigate through recent and archived articles without overwhelming them with an endless scroll.
Portfolio Websites
Creative professionals can use pagination to display their work in smaller, curated sections. This not only keeps the layout clean but also encourages visitors to explore more of their creative portfolio.
Custom Post Type Archives
For websites using custom post types like testimonials, events, or projects, pagination helps keep archive pages clean, organized, and user-friendly—especially when showcasing large collections of content.
Search Results Pages
When users search a site, paginated results help them view matches in an orderly way. It improves site usability and ensures no important content gets buried or missed by visitors.
Step #1: Install and activate Unlimited Elements Free Version for Elementor
You have to install and activate the Unlimited Elements Free Version for Elementor.
Step #2: Adding the Post Pagination widget to your Elementor website
To add pagination to elementor posts, install the Post Pagination widget from the Unlimited Elements Widget library.
Note:
The Post Pagination Widget works also inside of any Elementor Archive page.
Step #3: Add any Post Widget for Elementor
Navigate to Unlimited Elements >> Widgets >> Post Widgets and Install Post Grid Widget.
For this article we have used Post Grid Widget but you can use any post widget available as per requirement.
Step #4: Put both widgets on a page in Elementor
Navigate to the Page where you want to put your Post Grid and Post Pagination widget.
- Search for Post in Elementor’s widget pane.
- Drag & Drop the Post Grid & Post Pagination Widget into your page.
Now that you have Dragged & Dropped both the Post Grid and Post Pagination widget all you need to do now is to connect between the widgets.
Important:
You can use Post Pagination widget on all available widgets in the Post Widgets Category inside of the widget library and on any Any Page/Archive Pages.
Step #5: Connect between widgets in the widget settings
Navigate to Post Grid >> Content Tab >> Posts Pagination and Filtering
Select Using Pagination Widget option from Pagination drop down as shown.
To make Ajax pagination you can enable Ajax.
Note:
The pagination widget works the same way inside of an archive page. Just set your post widget’s Posts query to “Current Query Post” as shown in the image below.
General Settings
Show All (Pro Feature)
Enable this to display all pagination pages. When active, it disables the Mid Size and End Size options.
Mid Size
Defines the number of page links to show on either side of the current page.
End Size
Specifies the number of page links to show at the beginning and end of the pagination.
Force Format
Force a specific pagination format for archive pages or custom queries.
- None (Auto)
- Force Archive
- Force Custom
- Force page/num
Force Non Ajax
Forces pagination to behave like standard links, even when used in AJAX-based grids.
Prev Next Buttons
Put Prev Next Buttons (Pro Feature)
Enable or disable the display of previous and next buttons.
Show Text
Show or hide the text labels for the previous and next buttons.
Previous Link Text
Enter the text to display on the "Previous" button.
Next Link Text
Enter the text to display on the "Next" button.
Show Icons
Enable or disable icons for the navigation buttons.
Prev Icon
Select an icon to display on the "Previous" button.
Next Icon
Select an icon to display on the "Next" button.
Wrapping it Up!
With the Post Pagination widget, creating smooth and user-friendly navigation in Elementor is quick and effective. Whether you’re managing a blog, portfolio, or news site, pagination ensures your visitors can easily access more content without overwhelming the page. It keeps your layout clean while encouraging deeper content discovery. Start using pagination today to make your Elementor-powered site more engaging and efficient.
