Are you looking to add Ajax pagination to the search results in WordPress? If you have a long list of items showing in the search results, adding pagination can improve the user experience by breaking results into manageable pages.
With the Search Bar block from Nexter Blocks, you can add Ajax pagination to search results in WordPress, giving visitors numbered page navigation or arrow controls to browse through all results.
To check the complete feature overview documentation of the Nexter Blocks Search Bar block, click here.
Best Used For:
- E-commerce stores where visitors search across large product catalogs and need paginated results to browse efficiently
- Directory and membership sites with many listings that need organized, navigable search output
- News and blog sites where readers search for articles across a large archive and need page-by-page navigation
Requirement – This block is a part of Nexter Blocks. Make sure it is installed and activated to enjoy all its powers.
To do this, add the Search Bar block to the page or template and follow the steps:
1. Select the appropriate source and type for the search. Use Posts as the source when you want visitors to search blog content, or Products when building an Ajax search for a WooCommerce store.
2. Go to the Extra Option tab and enable the AJAX Search toggle. This loads search results without a full page reload, which reduces wait time and keeps visitors on the page.
3. Go to the Load More/Lazy Load tab and select Pagination from the Loading Options dropdown. This adds numbered page buttons below the search results. If you prefer a scroll-based loading experience, see how to add infinite scroll to blog posts in WordPress as an alternative.
Enable the Counter Enable toggle to show page numbers in the pagination. Use this when you want visitors to see how many pages of results exist so they can decide whether to refine the search or browse further.
Enable the Arrow Navigation toggle to show next and previous buttons alongside the page numbers. Use this on mobile-focused sites where tapping an arrow is easier than tapping a small page number.
From here, edit the button text, add icons, and set the button position to match your design.
4. Go to the Results Area tab and set the number in the Posts Per Page field. This controls how many items appear on each page of search results. For WooCommerce stores, you can also filter WooCommerce products by category in WordPress to help visitors narrow results before paginating.
Depending on the total number of items and the number in the Posts Per Page field, you will see pagination controls when a search returns more items than the set limit. Use these controls to browse all results page by page.
Note: To have pagination, you must set a lower number in the Posts Per Page field than the total number of search result items.
