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

<ul class="wccom-tick-list-primary">
<li>Increase customer satisfaction and sales with an intuitive layout that separates products by subcategory</li>
<li>Select which category pages to alter, and which to render as normal</li>
<li>Easily configure the number of products per subcategory to display on the shop and catalog pages</li>
<li>Known compatibility with WooCommerce Themes and the Genesis Framework</li>
<li>Flexible, overrideable architecture allows customization and support for additional themes and frameworks</li>
</ul>
<hr class="wccom-product-heading__hr" />
<h2>Show Your Shop Catalog by Category and Subcategory</h2>
<p>The <strong>WooCommerce Nested Category Layout extension</strong> allows you to show products organized by category and sub-category on the shop and catalog pages. By breaking products up by subcategory, this plugin provides an intuitive and attractive catalog layout that your customers will appreciate. Here are before and after shots of the shop page using Nested Category Layout:</p>
<div class="twocol-one">
<figure id="attachment_1095323" aria-describedby="caption-attachment-1095323" style="width: 823px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-nested-category-layout-before.png"><img class="size-large wp-image-1095323" src="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-nested-category-layout-before.png?w=823" alt="WooCommerce Nested Category Layout Before" width="823" height="893" /></a><figcaption id="caption-attachment-1095323" class="wp-caption-text">Before</figcaption></figure>
</div><div class="twocol-one last">
<figure id="attachment_1095324" aria-describedby="caption-attachment-1095324" style="width: 822px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-nested-category-layout-after.png"><img class="size-large wp-image-1095324" src="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-nested-category-layout-after.png?w=822" alt="WooCommerce Nested Category Layout After" width="822" height="950" /></a><figcaption id="caption-attachment-1095324" class="wp-caption-text">After</figcaption></figure>
</div></p>
<p>WooCommerce typically allows you to show subcategories on shop and category pages (or subcategories and products, but this can look messy). While this is a handy option, it requires that customers click on categories, then subcategories to simply browse products and looks like this:</p>
<figure id="attachment_1095319" aria-describedby="caption-attachment-1095319" style="width: 586px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-typical-subcategories.png"><img class="size-large wp-image-1095319" src="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-typical-subcategories.png?w=586" alt="WooCommerce shop category layout" width="586" height="413" /></a><figcaption id="caption-attachment-1095319" class="wp-caption-text">Default WooCommerce Category View</figcaption></figure>
<p>However, the more barriers you put in the way of finding a product or purchasing, the more likely customers are to leave your site, so we’ve sought to fix that with this plugin. Nested Category Layout cleans this process up and makes it simpler for the user. Instead of requiring customers to click through categories, then subcategories to get to products, it simply creates list on the shop and/or category pages organized by category / subcategory, then allows customers to click a category / subcategory title if they want to see more products.</p>
<p>You can select which categories to nest and which to display normally and determine whether to show this layout on shop pages and category pages, or just on category pages. Want to see this in action? You can check out the <a href="http://demos.skyverge.com/product-category/nested-category-layout/" target="_blank" rel="noopener noreferrer">Demo Shop</a> that has the plugin running to get a feel for how the shop and catalog pages are changed.</p>
<h3>Flexible Display</h3>
<p>Don’t have a category for a product? No problem – Nested Category Layout will show these products at the top of the page, then show your categories and subcategories. If a product is in both the parent category and a subcategory, it will be displayed with the appropriate subcategory. If a product is only in a parent category, then it will be displayed in the parent category before subcategories are shown (like this):</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-nested-category-layout-category-page.png"><img class="aligncenter size-large wp-image-1095268" src="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-nested-category-layout-category-page.png?w=609" alt="WooCommerce Nested Category Page" width="609" height="950" /></a></p>
<h3>How to Get Started</h3>
<ol>
<li>Purchase and download the extension 🙂</li>
<li>Upload and install into your WooCommerce store</li>
<li>Go to WooCommerce > Settings > Products and configure your options</li>
<li>Organize products into categories and subcategories</li>
<li>That’s it! Sit back and enjoy a flexible, intuitive catalog display!</li>
</ol>
<p><em>Need any more reason to buy? When you purchase a SkyVerge-developed extension, you’re getting the highest quality extensions for your WooCommerce store. Gain peace of mind by knowing that when you purchase our products, your store’s performance is as important to us as it is to you.</em></p>

Nested Category Layout

<p>Display products grouped by sub-category on the shop and catalog pages.</p>

Ajax Instant Search vs Nested Category Layout