In this article, you will learn how to use the Post Pagination Widget on any page using any post widget from the widget library inside your Elementor website.
What is pagination?
Pagination allows your user to page back and forth through multiple pages of content. The most common use for pagination in WordPress sites is to break up long lists of posts into separate pages.
The Post Pagination Widget works also inside of any Elementor Archive page.
1. Install the Post Pagination Widget #
Navigate to Unlimited Elements >> Widgets >> Post Widgets and Install Post Pagination Widget
2. Install any Post Widget #
Navigate to Unlimited Elements >> Widgets >> Post Widgets and Install Post Pagination Widget.
For this article we have used Post Grid widget but you can use any post widget available as per requirement.
3. Put both widgets on a page #
Navigate to the Page where you want to put your Post Grid and Post Pagination widgets.
- Search for Post in Elementor’s widget pane.
- Drag & Drop the Post Widget & 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.
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.
4. Connect between widgets in the widget settings #
Navigate to Post Grid >> Content Tab >> Posts Pagination and Ajax
Select Using Pagination Widget option from Pagination drop down as shown.
To make Ajax pagination you can enable Ajax.
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.
5. Preview the page #
Congratulations! You have applied post pagination on the post grid widget inside your Elementor website. Now all you need to do is preview the page to successfully navigate between your posts using the pagination widget.