Nick Haskins

WP Live Search (beta) is a search plugin for WordPress that returns results as the user types for what they are looking. It currently supports posts, pages, post types, including multiple post types, and design modes.
This is very much a working prototype, so please log any issues you find on the Github repo below. 
<a href="https://github.com/bearded-avenger/wp-live-search" rel="nofollow ugc">https://github.com/bearded-avenger/wp-live-search</a>
Here’s some documentation. 
<a href="http://bearded-avenger.github.io/wp-live-search/" rel="nofollow ugc">http://bearded-avenger.github.io/wp-live-search/</a>
Add the shortcode <code>[wp_live_search]</code> to a page or something. There’s a few shortcode attributes that you can use, and are as follows:
type=”” 
Your choices are <code>posts</code> or <code>pages</code>. Defaults to <code>posts</code>. You can also pass <code>type,type</code> to search multiple post types. For example type=”recipes,books”
multi=”” 
By default this is turned off. Set this to true only if you’re using multiple post types above.
placeholder=”” 
The text displayed in the input. Defaults to <code>Search...</code>.
number=”” 
Total search result to return. Default is 20
excerpt=”true” 
Show the excerpt along with the title and featured image (if set)
compact=”true” 
Makes a tiny WP Live Search for use in header widgets and such
dropdown=”true” 
Display search results as a drop-down instead of pushing down the content around it
results=”” 
The text displayed for the results. Defaults to <code>entries found</code>.
results_style=”inside” 
Displays the “entries found” inside of the input area, useful for using in areas like header widgets where space is minimal.
target=”” 
An optional target UL parent to send the search results to. Example <code>target="#someotherdiv"</code>.
Here are a couple examples:
Default Usage: 
 [wp_live_search]
Use in Header Widget: 
 [wp_live_search compact=”true” dropdown=”true” results=”found” results_style=”inside”]
Search through multiple post types: 
 [wp_live_search multi=”true” type=”posts,page”]

WP Live Search

A super light-weight live search plugin that utilizes the WP REST API.

vrpr

Plugin’s documentation: https://wdvillage.com/wdv-ajax-search/
ATTENTION! After updating to version 1.0.3, you need to open the plugin properties and click on the “Add / Edit Settings” button for each of the shortcodes you created and click on the “Save” button in the modal window that opens. If this is your first time installing this plugin, then just follow the documentation.
DESCRIPTION 
WDV Ajax Search (WordPress plugin) – with this plugin you can create different search forms for different post types your site and put their shortcode on the corresponding page.
ADMIN PART 
You can create special search form for any post type. In table you can see shortcode for your search form. You can put shortcode on the corresponding page or you can use form shortcode on template (you can find how to do this in documentation).
FORM SETTINGS 
Now you press button “Add/Edit Settings” and choose settings that you need. On General options, in paragraph 1 – ” Search in custom post types” you can see list of all post types that exists on your site. Here you can choose post type. For example you want to make search form for searching in post type “wdvdocs”. 
In paragraph 2 – “Search by” you can choose – the search will be carried out only by post titles or by post titles and content. 
In paragraph 3 you can write that message will see your custome if there are not records found (for example – “No record found”). 
In paragraph 4 you can write how many search result show on one table page with search results.
On the tab “Image” you can choose whether to show images in search results. You can choose size of the pictures and select the default image which will be shown if post have no picture.
On the “Layout” tab you can choose how the search form will look like.
HOW TO USE 
You can add the shortcode directly to the page where you want to see the search form. For example, you installed the documentation plugin for your products. Perhaps it does not have a search form and you can add a shortcode to search for documents to the page that displays the list of documents.
You can also add a shortcode to the archive page or to the blog page.
If during the creation of the form on the tab “General -> Search by” the item “Title” was selected and the visitor can simply open the found pages. 
If during the creation of the form on the “General -> Search by” tab the item “Title & Content” was selected and the visitor opens any of the found pages – on this page the found search text will be highlighted in color.
REAL EXAMPLES 
– This page (aniro.wdvillage.com/services/) contains a service search form. Here the search is carried out by headings (you can use for example “book” as a search word): Services (When the search is carried out by headings, then when opening the found pages, the search word is not marked there.) 
– Here (aniro.wdvillage.com/blog/) you can see search form on blog page: Blog (you can use for example “room” as a search word). 
– This page (aniro.wdvillage.com/rooms/) contains a search form for the description of rooms. Here, the search is carried out by the titles and content of the page (you can use for example “bed” as a search word): Rooms (When the search is carried out by the titles and content of the page, then when you open the found pages, the search word there is highlighted in color.)
<h3>Sources and Credits</h3>
<ol>
<li>
jQuery.Finder.js 
Finder (https://www.jqueryscript.net/text/Search-Through-Text-Finder.html) is a jQuery plugin for web apps and hybrid mobile apps to replicate the “Find” feature available in browsers and other software via Ctrl+F. This is perfect for implementing in hybrid mobile apps, where the browser’s features are not available to the user, and for web apps where you need to constrain the “Find” function to a particular porton of the page (e.g., to exclude UI elements from the search). 
This plugin was created by [Danny McGee] (https://github.com/dannymcgee).
</li>
<li>
Icon Fonts: 
Font Awesome (https://fortawesome.github.io/Font-Awesome/)
</li>
</ol>

WDV Ajax Search

With this plugin you can create different search forms for different post types and put their shortcode on the corresponding page.

WP Live Search vs WDV Ajax Search