fabiohh

<p><strong>Simple Html Search</strong> let you decide whatever you need in your search bar, filtering by post title or custom fields and so forth,<br />
you just need to write the HTML to customize it graphically.<br />
Same thing for the results, you specify what you need writing HTML, and how to display it.</p>
<h3>Usage example</h3>
<p>a basic usage example is available on <a href="https://github.com/fabiopallini/simple-html-search" rel="nofollow ugc">github</a></p>
<h3>May I receive direct support?</h3>
<p>Yes, you can contact me at fabiopallini01@gmail.com</p>
<h3>TODO</h3>


Simple Html Search

Customize your search bar directly via HTML, as well as for the results. A complete customizable search bar, infinite possibilities for your searches!

Marius

<p><strong>Instant Search</strong> adds a fast, real-time search bar to any WordPress site. Your visitors see results the moment they start typing, no page reload, no waiting. It also includes <strong>live voice search</strong> powered by the browser’s built-in Web Speech API, making your site more accessible without any third-party services or API keys.</p>
<p>It works with <strong>any theme</strong> and is built to work great with <strong>WooCommerce</strong> shops, blogs, portfolios, directories, and any site with custom post types.</p>
<p>Drop the shortcode <code>[instant_search]</code> anywhere: in a page, a post, a widget, or your theme’s header template, and you have a working search form with instant Ajax results.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Zui-0LBq6Lc?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Voice Search for WordPress</h4>
<p>Voice search is no longer a nice-to-have. Mobile users expect it, and users with disabilities depend on it. Instant Search is one of the only WordPress search plugins that includes <strong>live voice search for free</strong>.</p>
<p>It uses the browser’s built-in Web Speech API. The visitor clicks the microphone icon, speaks their query, and results appear instantly. Voice search works on Chrome, Edge, Safari, and most modern mobile browsers.</p>
<h4>Why Instant Search?</h4>
<p>It’s <strong>lightweight, free, and self-hosted</strong>, your search queries never leave your server.</p>
<p>Unlike the default WordPress search, Instant Search shows results <strong>as you type</strong> in a dropdown, so visitors find what they need without ever leaving the page. And with voice search built in, users on mobile or with accessibility needs can speak their query instead of typing it.</p>
<h4>Features (Free)</h4>
<ul>
<li><strong>Live Ajax search</strong> — results appear instantly as you type, no page reload needed</li>
<li><strong>Live voice search</strong> — speak instead of type, powered by the Web Speech API</li>
<li><strong>Search analytics</strong> — see what your visitors are searching for with a built-in analytics dashboard</li>
<li><strong>WooCommerce product search</strong> — search products by title, content, excerpt, and SKU</li>
<li><strong>All post types</strong> — search across posts, pages, products, and any registered custom post type</li>
<li><strong>Grid layout</strong> — display search results as a visual grid with thumbnails</li>
<li><strong>List layout</strong> — display search results in a compact list</li>
<li><strong>Inline or overlay mode</strong> — choose between showing results below the search bar (inline) or in a full overlay box</li>
<li><strong>Customizable text</strong> — change the placeholder text to match your site’s language</li>
<li><strong>Customizable width</strong> — control how wide the search form is to fit any layout or sidebar</li>
<li><strong>Enable or disable voice search</strong> — keep voice search on or turn it off with one toggle</li>
<li><strong>Shortcode support</strong> — place <code>[instant_search]</code> anywhere on your site</li>
<li><strong>Works with any theme</strong> — tested with Divi, Elementor, Rey, Astra, GeneratePress, Kadence, and standard block themes</li>
</ul>
<h4>Works With Your Theme & Page Builder</h4>
<p>Instant Search is designed to integrate with the themes and page builders:</p>
<ul>
<li><strong>Divi</strong> by Elegant Themes — place the shortcode in Divi’s Code module, including the header</li>
<li><strong>Elementor</strong> — use a Shortcode widget or embed in your Elementor header/footer template</li>
<li><strong>Rey Theme</strong> — fully compatible, works in the Rey header out of the box</li>
<li><strong>Block themes (FSE)</strong> — add via a Shortcode block in the Site Editor</li>
</ul>
<h4>WooCommerce Search That Actually Works</h4>
<p>The default WooCommerce search is basic, it only matches post titles. Instant Search goes further:</p>
<ul>
<li>Search products by <strong>SKU</strong>, so customers who know the part number or model code find the right product instantly</li>
<li>Results appear in a dropdown as the customer types, so they never leave the page they’re on</li>
<li>Choose between grid and list layouts for product results</li>
<li>Works with variable products, simple products, and any WooCommerce product type</li>
</ul>
<h4>Search Analytics</h4>
<p>Instant Search includes a built-in analytics dashboard that shows you what your visitors are searching for. See the top 20 search terms at a glance. No Google Analytics required, no tracking scripts, no cookie banners. The data stays on your server.</p>
<h4>PRO Version (Coming Soon)</h4>
<p>A PRO version is in development with advanced features for WooCommerce shops and power users:</p>
<ul>
<li>Compact, Big Cards, and Masonry result layouts</li>
<li>Show product price, sale badge, stock status, and star ratings in search results</li>
<li><strong>Add to Cart</strong> and <strong>Buy Now</strong> buttons directly inside the search dropdown</li>
<li>Quick View modal with product gallery, description, and variations</li>
<li>Zero-results rescue: “Did you mean?” suggestions and best-seller fallback</li>
<li>Pinned results and boost rules (boost best-sellers, newest, or featured products)</li>
<li>Click-through rate and cart conversion analytics</li>
<li>Cmd/Ctrl+K keyboard shortcut to open search from anywhere</li>
<li>Floating search button on every page</li>
<li>Search history — show the visitor’s recent queries</li>
<li>Dark mode and auto-theming to match the visitor’s OS</li>
<li>Brand colors — tint the search UI to match your brand without CSS</li>
<li>Custom CSS editor</li>
<li>Open animation effects</li>
<li>Image aspect ratio control for consistent thumbnails</li>
<li>Search in taxonomies (categories, tags, custom taxonomies)</li>
<li>Search in product attributes (color, size, brand, material)</li>
<li>Search in custom fields and ACF fields</li>
<li>Auto-focus on page load</li>
<li>Exclude specific posts, pages, or products from results</li>
<li>Searches per day chart with click-through rate overlay</li>
<li>Zero-results queries report — see what visitors searched for and didn’t find</li>
</ul>
<p><a href="https://instant-search.net/" rel="nofollow ugc">Join the waitlist</a> if you’re interested in the PRO version.</p>
<h3>Contributors</h3>
<p>Marincas Marius Mugurel – www.marincas.net</p>


Instant Search – Live Ajax Search & Voice Search

Live Ajax search & voice search for WordPress & WooCommerce. Search as you type with instant results, voice search for accessibility.

Simple Html Search vs Instant Search – Live Ajax Search & Voice Search