<p>Help customers find products in real-time using <strong>fast and instant</strong> Ajax-based search in your WooCommerce stores. The Ajax instant search extension for WooCommerce helps customers locate their desired products with relevant search suggestions in real-time as they type in their query. Saves time and a trip to the search result page to find desired products.</p>
<p>With dedicated dropdowns for products & pages, categories, and brands, customers can further filter results with pinpoint accuracy. Moreover, with detailed search templates, customers can not only see relevant products, but also categories and pages relevant to their queries.</p>
<p>With extensive customization functionality, merchants can choose from 3 different search engines: WordPress default search, WooCommerce default search, and the plugin’s custom search. In addition to this, using shortcode, merchants can place instant search anywhere they like and hide or show product elements like price, add to cart, stock status, excerpt, content, tags, sales badges, thumbnail, and more.</p>
<h2>Features</h2>
<ul>
<li>Add an Ajax-based instant search bar to your WooCommerce stores</li>
<li>Fully detailed search suggestions for an accurate searching experience</li>
<li>Choose from 3 different search engines(result pages):
<ul>
<li>WordPress default search</li>
<li>WooCommerce default search</li>
<li>Custom plugin search</li>
</ul>
</li>
<li>Choose to replace WooCommerce/WordPress default search with Ajax instant search</li>
<li>Place Ajax instant search anywhere using a shortcode</li>
<li>Define the minimum number of characters input to display the search result</li>
<li>Define the maximum number of search results in signly suggestion</li>
<li>Customize search field’s:
<ul>
<li>Title</li>
<li>Placeholder</li>
<li>Button text</li>
</ul>
</li>
<li>Choose to display half or full width</li>
<li>Let customers filter search results from:
<ul>
<li>All pages</li>
<li>Products only</li>
</ul>
</li>
<li>Enable/Disable search sorting dropdown</li>
<li>Choose to display first:
<ul>
<li>Products</li>
<li>Post & Pages</li>
</ul>
</li>
<li>Allow customers to filter searches based on:
<ul>
<li>Product and Pages</li>
<li>Categories</li>
<li>Brands</li>
</ul>
</li>
<li>Let customers search products by SKUs</li>
<li>Hide specific or out-of-stock products from search results</li>
<li>Choose to show or hide product thumbnails in suggestions</li>
<li>Choose to display product thumbnails in left or right orientation</li>
<li>Show or hide the following product elements in suggestions:
<ul>
<li>Add to cart button</li>
<li>Sale badge</li>
<li>Stock badge</li>
<li>Featured badge</li>
<li>Price</li>
<li>Excerpt</li>
</ul>
</li>
<li>Enable featured products that are displayed when the search bar is empty</li>
<li>Enable fuzzy strings to auto-correct spelling mistakes in search queries i.e “Wach” > “Watch”</li>
<li>Add synonyms to display results for matching terms, i.e “time piece” > “Watch”</li>
<li>Choose from 3 aesthetically pleasing search suggestion templates, which are:
<ul>
<li>Default instant search</li>
<li>Advanced search panel</li>
<li>Smart search grid</li>
</ul>
</li>
<li>Choose to display view all link to display detailed search results</li>
<li>Customizable text for “No result” queries</li>
<li>Style following elements of search bar:
<ul>
<li>Background color</li>
<li>Search bar text color</li>
<li>Search button color</li>
<li>Search button text color</li>
<li>Search bar border radius</li>
<li>Search icon</li>
<li>Search suggestion customization</li>
</ul>
</li>
<li>View a detailed search analytics dashboard to gain insights into search trends</li>
</ul>
<h2>Show results in real time using Ajax Instant Search</h2>
<p>Show results in a flash to boost conversions using the WooCommerce Ajax search extension. This highly customizable extension lets you show search suggestions in different templates and style them to match your store’s theme. Also show categories, posts, and pages to match customers’ queries with precision.</p>
<p><img class="alignnone size-full wp-image-18734005906585" src="https://woocommerce.com/wp-content/uploads/2021/02/woocommerce-ajax-search-2.gif" alt="" width="980" height="827" /></p>
<h2>Display suggestions based on products, categories & pages</h2>
<p>Merchants can choose to display suggestions based on categories, products, and pages using the Ajax search for WooCommerce extension. Displaying suggestions this way can further enhance the conversion rate of your WooCommerce store as the customer sees more relevant products, categories, and pages, they might explore and buy more!</p>
<p><img class="alignnone size-full wp-image-18734005906593" src="https://woocommerce.com/wp-content/uploads/2021/02/woocommerce-ajax-search-3.png" alt="" width="980" height="913" /></p>
<h2>Let customers add products directly to the cart via instant search</h2>
<p>One of the main issues that instant search solves is that it quickly displays products related to the customer’s query to increase the chances of conversions before the customer’s intent changes. All that effort of displaying products instantly will be lost if the customer has to visit the product page and buy the product. This WooCommerce search plugin not only allows merchants to display all the product’s relevant information in search results, but customers can also add-to-cart their desired products directly from the suggestions.</p>
<p><img class="alignnone size-full wp-image-18734005906608" src="https://woocommerce.com/wp-content/uploads/2021/02/woocommerce-ajax-search-4-1.gif" alt="" width="980" height="827" /></p>
<h2>Use fuzzy strings and synonyms to match customers’ queries instantly</h2>
<p>Our advanced and smart Woo search extension enables merchants to use fuzzy strings to match customers’ search intentions even when they are misspelled. It also enables merchants to add synonyms against product titles so customers can actually get what they are looking for. These smart features of Ajax instant search ensure that all queries convert!</p>
<p><img class="alignnone size-full wp-image-18734005906614" src="https://woocommerce.com/wp-content/uploads/2021/02/woocommerce-ajax-search-5.png" alt="" width="980" height="449" /></p>
<h2>Exclude products and hide out-of-stock products from search</h2>
<p>In addition to other customization functionalities, this smart WooCommerce product search plugin enables merchants to either show out-of-stock products with an out-of-stock tag or they simply hide out-of-stock products from search suggestions. Moreover, merchants can also hide specific products from search results if they choose to.</p>
<p><img class="alignnone size-full wp-image-18734005906617" src="https://woocommerce.com/wp-content/uploads/2021/02/woocommerce-ajax-search-6.png" alt="" width="980" height="454" /></p>
<h2>Choose from a variety of search filters to choose from</h2>
<p>With extensive customization options, this smart, Ajax-based search extension enables merchants to display search suggestions based on various filters such as categories, brands, SKUs, and more.</p>
<p><img class="alignnone size-full wp-image-18734005906620" src="https://woocommerce.com/wp-content/uploads/2021/02/woocommerce-ajax-search-7.png" alt="" width="980" height="939" /></p>
<h2>Extensive search customization options</h2>
<p>With multiple customization features, merchants can choose to style the search bar display and the suggestions section in various ways.</p>
<p><img class="alignnone size-full wp-image-18734005906626" src="https://woocommerce.com/wp-content/uploads/2021/02/woocommerce-ajax-search-8.png" alt="" width="980" height="491" /></p>
<h2>Detailed search dashboard to gain customer insights</h2>
<p>Get detailed insights on user search trends using Ajax instant search for WooCommerce extension. In this detailed dashboard, merchants can view information like:</p>
<ul>
<li>View search and click data</li>
<li>View top clicked products</li>
<li>View top searched products</li>
<li>View queries with no result</li>
</ul>
<p><img class="alignnone size-full wp-image-18734005906630" src="https://woocommerce.com/wp-content/uploads/2021/02/woocommerce-ajax-search-9.png" alt="" width="980" height="931" /></p>

Ajax Instant Search

<p>Provide a fast and effective live search bar to show relevant results as the customers type their query.</p>

<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>

Ajax Instant Search vs Ajax Pagination & Infinite Scroll