<p><span style="font-weight: 400">The WooCommerce pagination plugin provides three different pagination options to help you improve your website’s catalog browsing experience. Replace your current pagination with:</span></p>
<ul>
<li><strong>Infinite scroll</strong> ― load more products as customers scroll down the page.</li>
<li><strong>Ajax pagination</strong> ― enable Ajax pagination to load more products without page reloads.</li>
<li><strong>Load More button</strong> ― add an Ajax-based Load More button and allow customers to load more products with one click, without refreshing pages.</li>
</ul>
<hr class="wccom-product-heading__hr" />
<p><span style="font-weight: 400">Provide customers with WooCommerce pagination, infinite scroll, or load more buttons so that your customers no longer need to reload pages to navigate through the product catalog. Display ‘back-to-top” and “show less” buttons and make it easy for customers to scroll back to the top.</span></p>
<p><span style="font-weight: 400">Customers can easily navigate through the entire catalog by using one of three pagination methods provided by the WooCommerce product pagination plugin. It will improve website engagement and retention by decreasing load times and making content browsing seamless.</span></p>
<h2>Ajax Pagination and Infinite Scroll Features</h2>
<ul>
<li><span style="font-weight: 400">Three different product loading methods:</span></li>
</ul>
<ol>
<li><span style="font-weight: 400">Infinite scroll</span></li>
<li><span style="font-weight: 400">Ajax based pagination</span></li>
<li>Load more button</li>
</ol>
<ul>
<li><span style="font-weight: 400">Select the number of products to load initially</span></li>
<li>Choose the number of products to load on click</li>
<li><span style="font-weight: 400">Choose pagination style and type</span></li>
<li><span style="font-weight: 400">Upload custom “loading icon” for infinite scroll and load more button</span></li>
<li><span style="font-weight: 400">Customize position and color for Ajax pagination and infinite scrolling.</span></li>
<li><span style="font-weight: 400">Enable the “Back to Top” button</span></li>
<li><span style="font-weight: 400">Display the “Show Less” button when the Load More button is enabled</span></li>
<li><span style="font-weight: 400">Customize load more button text, background, and text color</span></li>
</ul>
<h3>Ajax-based pagination</h3>
<p><span style="font-weight: 400">WooCommerce load more products plugin enables you to replace the default pagination with an Ajax-based pagination style. It allows you to display more products without reloading the page. You can choose from different pagination types, such as arrows or next/previous.</span></p>
<p><img class="aligncenter wp-image-18734002842419 size-full" src="https://woocommerce.com/wp-content/uploads/2023/11/2023-11-10_15-50-22.png" alt="Ajax-based pagination" width="850" height="573" /></p>
<h3>Enable infinite product scroll</h3>
<p><span style="font-weight: 400">Load more products as the user scrolls down with the WooCommerce infinite scroll plugin. Choose how many products to display initially and select the number of products after which the footer will show and you can load more products if you want with the laid more button.</span></p>
<p><img class="aligncenter wp-image-18734002842422 size-full" src="https://woocommerce.com/wp-content/uploads/2023/11/2023-11-10_15-48-17.png" alt="Enable infinite product scroll" width="858" height="553" /></p>
<h3><b>Display Load More button</b></h3>
<p><span style="font-weight: 400">Instead of loading products on a scroll or with pagination, you can place an Ajax-based Load More button to let customers load more products with a single click. The WooCommerce pagination plugin allows you to upload the product loading icon and customize the text of the “Load More” button.</span></p>
<p><img class="aligncenter wp-image-18734002842424 size-full" src="https://woocommerce.com/wp-content/uploads/2023/11/2023-11-10_16-07-56.png" alt="Display Load More button" width="836" height="533" /></p>
<h3><strong>Choose from multiple pagination styles</strong></h3>
<p><span style="font-weight: 400">With the WooCommerce custom pagination plugin, you can choose from multiple Ajax pagination styles which include:</span></p>
<ul>
<li>Highlighting selected links</li>
<li>Large number of links</li>
<li>Custom input</li>
<li>Round corner pagination</li>
<li>Pagination link application</li>
<li>Simple application</li>
<li>Next and Previous links</li>
</ul>
<p><img class="aligncenter wp-image-18734002842421 size-full" src="https://woocommerce.com/wp-content/uploads/2023/11/image5-1.png" alt="Choose from multiple pagination styles" width="676" height="200" /></p>
<h3><b>Add a Show Less button</b></h3>
<p><span style="font-weight: 400">When you have enabled the “Load More” button, the WooCommerce infinite scroll plugin allows you to display a “Show Less” button. The “show less” button can be customized to fit your store’s theme.</span></p>
<p><img class="aligncenter wp-image-18734002842428 size-full" src="https://woocommerce.com/wp-content/uploads/2023/11/2023-11-10_16-08-48.png" alt="Add a Show Less button" width="822" height="542" /></p>
<h3><strong>Include a Back-to-Top icon</strong></h3>
<p><span style="font-weight: 400">The “back to top” option makes it easier for customers to scroll back up using the WooCommerce load more products plugin. It allows you to customize the “back to top” icon, and change the icon color, and position.</span></p>
<p><img class="aligncenter wp-image-18734002842430 size-full" src="https://woocommerce.com/wp-content/uploads/2023/11/2023-11-10_16-06-22.png" alt="Include a Back-to-Top icon" width="953" height="464" /></p>
<h3><b>Extensive customization options</b></h3>
<p><span style="font-weight: 400">The WooCommerce product pagination plugin empowers you with a wide range of customization options. You can choose the color, position, product loading icons, and text for each product loading type. Moreover, you can customize the “Load More” and “Back to Top” buttons as per your requirements.</span></p>

Ajax Pagination & Infinite Scroll

<p>Load products quickly with Ajax pagination, infinite scroll, and a Load More button.</p>

<p style="text-align: right"><span style="color: #808080"><strong><em>The essential extension for every WooCommerce store!</em></strong></span></p>
<div>
<h2><img class="alignleft wp-image-2941177" style="margin-bottom: 4em" src="https://woocommerce.com/wp-content/uploads/2014/10/wps-logo.png?w=480" alt="" width="128" height="128" />Your best Search Experience for WooCommerce</h2>
<p>The perfect Search Engine for your store helps your customers to find and buy the right products quickly.</p>
<p style="overflow: hidden">Your customers will love your store for this, because it makes getting to the products they want to buy easier than ever.</p>
</div>
<div>
<h2><img class="alignleft wp-image-18734005739883" style="margin-bottom: 5em" src="https://woocommerce.com/wp-content/uploads/2014/10/wps-ai.png" alt="" width="128" height="128" />AI</h2>
<p>Delivers AI-powered search results through its sophisticated, intelligent algorithms.</p>
<p style="overflow: hidden">Your data remains <em>your</em> data. Its self-contained AI integration keeps your data within your server. It is not shared with external platforms or services.</p>
<p>Artificial Intelligence that works for you, not for your competitors.</p>
</div>
<div>
<h2><img class="wp-image-2941192 alignleft" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2014/10/wps-live-search-field.png?w=512" alt="" width="128" height="128" />Live Search</h2>
<p>The Live Search Field allows customers to find products as they type, along with images, price information and they can add the product directly to the cart.</p>
<p style="overflow: hidden">Type, click & buy … it’s that easy.</p>
</div>
<div>
<h2><img class="alignleft wp-image-2941208" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2014/10/wps-filter.png?w=512" alt="" width="128" height="128" />Live Filters</h2>
<p>Our live filters take care of showing updated results on the shop page while your customers search by keyword, price range, use categories, tags or any product attributes to narrow down the results.</p>
</div>
<div>
<h2><img class="alignleft wp-image-2941211" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2014/10/wps-easy-shopping.png?w=512" alt="" width="128" height="128" />Experience Easy Shopping</h2>
<p>With a no-fuzz automated setup that integrates smoothly with popular themes, Storefront and child-themes included, your customers will have a truly delightful shopping experience. Let them enjoy how easy it is to find the right thing in your store.</p>
</div>
<div>
<h2><img class="alignleft wp-image-2941245" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2014/10/wps-reports-searches.png" alt="" width="128" height="128" />Search Statistics</h2>
<p>Gain valuable insights on what your visitors are searching in your store. See real-time and historic product search activity and relate it to your marketing efforts.</p>
</div>
<div>
<h2><img class="alignleft wp-image-2941244" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2014/10/wps-reports-queries.png" alt="" width="128" height="128" />Business Insights</h2>
<p>Discover what your customers are searching for, what they can find and what not. Our reports will help you to reveal what products your visitors are searching for and optimize your store’s offering to meet current and trending demands.</p>
</div>
<div>
<h2><img class="alignleft wp-image-2941240" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2014/10/wps-automated-integration.png" alt="" width="128" height="128" />Automated Integration</h2>
<p>The Search Engine takes care of providing the best search results on the front end and back end. Our advanced search algorithms integrate seamlessly with your store and the administrative dashboard.</p>
</div>
<div>
<h2><img class="alignleft wp-image-2941243" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2014/10/wps-indexer.png" alt="" width="128" height="128" />Search Index</h2>
<p>The Search Indexer will automatically index all products in your store and keep everything up-to-date for you. Even when you add, modify or remove products and related aspects, you don’t need to do anything to have your store fully indexed, products ready to be found.</p>
</div>
<div>
<h2><img class="alignleft wp-image-2941247" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2014/10/wps-thumbnails.png" alt="" width="128" height="128" />Visually Intuitive Filters</h2>
<p>An image says more than a thousand words … create a visually appealing search experience for your customers! Add thumbnails used with live product filters for product categories, tags and attributes. Filter by color, size, brand … showing the actual color, intuitive icons and logos.</p>
</div>
<div>
<h2><img class="alignleft wp-image-2941248" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2014/10/wps-weights.png" alt="" width="128" height="128" />Relevant Search Results</h2>
<p>Search Weights based on keyword matches present more relevant results to your customers. The relevance of your store’s product search results is substantially improved, with powerful controls that introduce Search Weights to WooCommerce.</p>
</div>
<div>
<h2><img class="alignleft wp-image-18734002851621" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2014/10/wps-cache.png?w=512" alt="" width="128" height="128" />High Performance Cache</h2>
<p>The Search Engine is boosted by a unique high-performance cache system. It is based on technology we have specifically engineered, to support fast and scalable product searches and filtering. This provides a fast and efficient cache system which also integrates with Redis and Memcached.</p>
</div>
<div>
<h2><img class="alignleft wp-image-2941241" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2014/10/wps-back-end.png" alt="" width="128" height="128" />Powerful Back-End Features</h2>
<p>This extension is smoothly integrated with your WooCommerce store and WordPress Dashboard.</p>
<p style="overflow: hidden">From important business insights provided by its search reports, to optimized back-end product search results powered by the extension’s Search Engine – this essential tool provides everything you need to be in control.</p>
</div>
<div>
<h2><img class="alignleft wp-image-18734002851488" style="margin-bottom: 4em" src="https://woocommerce.com/wp-content/uploads/2014/10/wps-blocks.png?w=512" alt="" width="128" height="128" />Blocks</h2>
<p>Add exclusive live search and filter blocks across your site. The extension includes stylish blocks that make it easy to customize the right search experience for your customers, anywhere on your site.</p>
<p>Choose from a comprehensive set of elements. Just click to add and adjust as needed: search fields, filters for product categories, attributes, tags, prices and ratings, filters to show products on sale or that are in stock. Combine them to make it easy for customers to find the right product quickly.</p>
</div>
<div>
<h2><img class="alignleft wp-image-2941249" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2014/10/wps-widgets.png" alt="" width="128" height="128" />Widgets</h2>
<p>Your customers will love the live Product Search Field that shows results while you type and lets you add items directly to the cart. It automatically replaces the standard product search field if desired, and it is also available as a widget to use in sidebars.</p>
<p style="overflow: hidden">Flexible live filters update your shop page as the customer types, indicates a price or chooses from product categories, tags or any product attributes.</p>
</div>
<div>
<h2><img class="alignleft wp-image-2941246" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2014/10/wps-shortcodes.png" alt="" width="128" height="128" />Shortcodes</h2>
<p>All live search facilities are available as WordPress shortcodes. In addition to these, we include facilities to render search results on any page. This even allows you to create specialized shop pages!</p>
</div>
<div>
<h2><img class="alignleft wp-image-2941242" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2014/10/wps-css.png" alt="" width="128" height="128" />Stylish!</h2>
<p>The extension is tested and integrates with lots of popular themes and requires no or very little CSS adjustments in most cases. To make things very easy for you, we have included a section where you can add your own CSS rules. And you’re always welcome to ask for our help!</p>
</div>
<div>
<h2><img class="alignleft wp-image-2941238" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2014/10/wps-api.png" alt="" width="128" height="128" />API</h2>
<p>As with the widgets and shortcodes, we provide a very easy to use API that gives you access to all search and filtering facilities, so you can effortlessly include them in templates.</p>
</div>
<p> </p>
<p> </p>
<hr />
<h2>Blocks and Templates</h2>
<p>It is easy to set up a Shop page with live product search and filters, using the exclusive blocks provided by the extension. Template customizations and new shop page compositions based on blocks can be created quickly, as we show below.</p>
<p>In this tutorial, we customize the Product Catalog template, adding filters that work with the Product Collection block.</p>
<p><span class="embed-youtube" style="text-align:center"></span></p>
<p>This next clip shows how to compose a shop page using several filter blocks.</p>
<p><span class="embed-youtube" style="text-align:center"></span></p>
<p>The exclusive blocks provided with the extension make it easy to set up live search and filter features for customers in a matter of minutes.</p>
<p><span class="embed-youtube" style="text-align:center"></span></p>
<p>With its advanced features, you have limitless possibilities to build custom shop sections. The following clip shows how to create a new Shop page using the exclusive blocks provided by the extension.</p>
<p><span class="embed-youtube" style="text-align:center"></span></p>
<p> </p>
<hr />
<h2>Live Search and Filters</h2>
<p>The Live Search Field allows customers to find products and buy products in an instant – <strong>Find, Click & Buy</strong> … it’s that easy.</p>
<figure id="attachment_3053576" aria-describedby="caption-attachment-3053576" style="width: 1200px" class="wp-caption aligncenter"><img class="wp-image-3053576 size-full" src="https://woocommerce.com/wp-content/uploads/2014/10/product-search-field-search-results-detail.png" alt="Product Search Field - Search Results - Detail" width="1200" height="978" /><figcaption id="caption-attachment-3053576" class="wp-caption-text">An example of the live Product Search Field in action. Search results appear while the customer types.</figcaption></figure>
<p> </p>
<p>WooCommerce Product Search provides an easy search experience for your customers with live Product Filters – suited even for stores with thousands of variable products and product attributes.</p>
<figure id="attachment_3053590" aria-describedby="caption-attachment-3053590" style="width: 1200px" class="wp-caption aligncenter"><img class="wp-image-3053590 size-full" src="https://woocommerce.com/wp-content/uploads/2014/10/product-filter-e28093-search-live-filter-in-action-on-the-shop-page.png" alt="" width="1200" height="920" /><figcaption id="caption-attachment-3053590" class="wp-caption-text">An example with a live Product Search Filter in action. Your shop page updates automatically, showing relevant and matching results, based on the customer’s choices and without the need to reload the page.</figcaption></figure>
<p> </p>
<figure id="attachment_3055425" aria-describedby="caption-attachment-3055425" style="width: 980px" class="wp-caption aligncenter"><img class="size-full wp-image-3055425" src="https://woocommerce.com/wp-content/uploads/2014/10/product-filters-e28093-shop-page-detail-with-categories-expanded.png" alt="Product Filters – Shop Page - Detail with Categories Expanded" width="980" height="613" /><figcaption id="caption-attachment-3055425" class="wp-caption-text">Live category filters can be expanded to reveal child categories on hover and make navigation easy. On touch-enabled devices, tapping a category’s expander shows its children.</figcaption></figure>
<p> </p>
<figure id="attachment_3055898" aria-describedby="caption-attachment-3055898" style="width: 980px" class="wp-caption aligncenter"><img class="size-full wp-image-3055898" src="https://woocommerce.com/wp-content/uploads/2014/10/product-filters-e28093-shop-page-filters-and-thumbnails.png" alt="Product Filters – Shop Page - Filters and Thumbnails" width="980" height="606" /><figcaption id="caption-attachment-3055898" class="wp-caption-text">Add intuitive thumbnails used with live product filters for product categories, tags and attributes, showing the actual colors, intuitive icons and logos.</figcaption></figure>
<p> </p>
<figure id="attachment_3055951" aria-describedby="caption-attachment-3055951" style="width: 980px" class="wp-caption aligncenter"><img class="wp-image-3055951 size-full" src="https://woocommerce.com/wp-content/uploads/2014/10/product-filter-attributes-in-action-color-size-category.png" alt="Finding the matching product with live Product Filters and intuitive thumbnails." width="980" height="613" /><figcaption id="caption-attachment-3055951" class="wp-caption-text">Customers can find products easily with live Product Filters showing intuitive thumbnails.</figcaption></figure>
<p> </p>
<hr />
<h2>Reports and Business Intelligence</h2>
<p>WooCommerce Product Search helps you to discover what your customers are searching for and optimize your store’s offering to meet current and trending demands.</p>
<figure id="attachment_2941510" aria-describedby="caption-attachment-2941510" style="width: 1280px" class="wp-caption aligncenter"><img class="wp-image-2941510 size-full" src="https://woocommerce.com/wp-content/uploads/2014/10/search-graph-example.png" alt="" width="1280" height="768" /><figcaption id="caption-attachment-2941510" class="wp-caption-text">With <a href="https://woocommerce.com/products/woocommerce-product-search/">WooCommerce Product Search</a> you will gain valuable insights on what your customers are searching for. Discover the current search performance and trends to optimize your store.</figcaption></figure>
<p> </p>
<figure id="attachment_2941511" aria-describedby="caption-attachment-2941511" style="width: 980px" class="wp-caption aligncenter"><img class="size-full wp-image-2941511" src="https://woocommerce.com/wp-content/uploads/2014/10/search-queries-example.png" alt="" width="980" height="588" /><figcaption id="caption-attachment-2941511" class="wp-caption-text">Discover what exactly your customers are searching for. Do you offer what your customers want to buy? <a href="https://woocommerce.com/products/woocommerce-product-search/">WooCommerce Product Search</a> helps you with valuable insights.</figcaption></figure>
<p> </p>

WooCommerce Product Search

<p>The perfect Search Engine helps customers to find and buy products quickly – essential for every WooCommerce store.</p>

Ajax Pagination & Infinite Scroll vs WooCommerce Product Search