Doofinder

Doofinder provides fast, accurate results based on your website contents. Results appear in your search box at an incredible speed as the user types.
Doofinder can be installed in any website with very little configuration.
This extension allows you to easily populate the data Doofinder needs to be able to search your database and to insert the Doofinder layer script into your WordPress site.
With Doofinder you are confident that your visitors are finding what they are looking for.
These are some advantages of using Doofinder in your site:
<ul>
<li>Instant, relevant results.</li>
<li>Tolerant of misspellings.</li>
<li>Search filters.</li>
<li>Increases the conversion rates.</li>
<li>No technical knowledge are required.</li>
<li>Allows the use of labels and synonyms.</li>
<li>Installs in minutes.</li>
<li>Provides statistical information.</li>
<li>Doofinder brings back the control over the searches in your site to you.</li>
</ul>
When users start typing in the search box, Doofinder displays the best results for their search. If users make typos, our algorithms will detect them and will perform the search as if the term were correctly typed.
Furthermore, Doofinder sorts the results displaying the most relevant first.
More info: <a href="http://www.doofinder.com" rel="nofollow ugc">http://www.doofinder.com</a>
<h3>Requirements</h3>
Important: To use this plugin you need to have an account at Doofinder. If you don’t have one you can signup <a href="http://www.doofinder.com/signup" rel="nofollow ugc">here</a> to get your 30 day free trial period.
The minimum technical requirements are basically the same as the WordPress ones. Take a look at their <a href="https://docs.WordPress.com/document/server-requirements/" rel="nofollow ugc">server requirements</a> for more info.
<h3>Configuration</h3>
Once activated, you will see a new entry in the main menu called Doofinder with two sub-menus:
<ul>
<li>Doofinder: To access the main settings page of the module.</li>
</ul>
NOTICE: Doofinder for WordPress has built-in support for <a href="https://wpml.org/es/" rel="nofollow ugc">WPML</a>. In case you are using it, ensure you’ve switched context to one of the defined languages. In All Languages context you won’t be able to configure anything. You will have to configure as many search engines as languages you have in your site.
Doofinder Settings
<h3></h3>
General Settings
<ul>
<li>API Key: This is the secret token you use to index contents (in ML environments you can share the same key). Your API key can be found in the Doofinder Control Panel. Click on your profile name (in the header) and then on API Keys. Make sure you’re using a Management API key and not a Search API key.</li>
<li>Search Engine HashID: Id of the search engine that will index your contents. Can be found in the Doofinder Control Panel. Click on Search Engines in the header. Hash ID will be visible next to the name of your Search Engine. Remember to use different search engines for different languages if you’re in a ML environment.</li>
<li>Update on Save: The period of time that must elapse before the posts / products are updated after making a change.</li>
<li>JS Layer Script: Here you can modify the Layer Javascript Code. It is required for the Javascript Layer to work.</li>
</ul>
<h3>I have any other problem with your plugin. What can I do?</h3>
Just send your questions to <a href="mailto:support@doofinder.com" rel="nofollow ugc">support@doofinder.com</a> and we will try to answer as fast as possible with a working solution for you.

Doofinder WP & WooCommerce Search

This plugin integrates the Doofinder search service with your WordPress site.

LebCit

PLEASE, MAKE SURE TO HAVE AT LEAST ONE POST WITH ONE CATEGORY AND ONE TAG BEFORE ACTIVATING 
Zipped : V2.7 -> 683Ko / V3.0 -> 33.6Ko ! 
MUCH LIGHTER, but STRONGER than ever !
Effect for any WordPress search input that morphs into a fullscreen overlay. 
Enlarge the search input and show 5 most recent posts, 5 most used categories and tags with counter. 
Once a search input is clicked, the whole search element expands to a fullscreen overlay. 
The fullscreen overlay has a bigger search input.
There are no settings for this plugin. Simply activate it, click on any search input and see the magic happens !
In the Customizer, look for FSMS Plugin, design it as you want ! 
You can change colors, search placeholder’s text and default icons with a styling option !
Don’t forget to take a look at the <a href="https://wordpress.org/plugins/full-screen-morphing-search/faq/" title="Frequently Asked Questions" rel="ugc">FAQ</a> Section. 
If you have some issues don’t hesitate, head over to the <a href="https://wordpress.org/support/plugin/full-screen-morphing-search" title="Support" rel="ugc">Support</a> Section ! 
If you use this plugin, please consider leaving a <a href="https://wordpress.org/support/plugin/full-screen-morphing-search/reviews/" title="Reviews" rel="ugc">Review</a> to give me a push forward 😉
<h3>Resources</h3>
This plugin is created by <a href="http://tympanus.net/codrops/author/crnacura/" title="Manoela Ilic" rel="author nofollow ugc">Manoela Ilic</a> and ported to WordPress by <a href="https://profiles.wordpress.org/lebcit/" title="LebCit" rel="author nofollow ugc">LebCit</a>. 
If you want to learn more about this plugin, visit the <a href="http://tympanus.net/codrops/2014/11/04/simple-morphing-search/" title="Simple Morphing Search" rel="nofollow ugc">Simple Morphing Search</a> original post.
<blockquote>
A <a href="https://wordpress.org/plugins/full-screen-morphing-search/#screenshots" title="Screenshots" rel="ugc">Picture</a> is worth a thousand words
</blockquote>
I think that a demo is even better ! 
See how <a href="http://tympanus.net/Development/MorphingSearch/" title="Full Screen Morphing Search" rel="nofollow ugc">Full Screen Morphing Search</a> works.
The autocompletition implemented in this plugin is based on <a href="https://github.com/TarekRaafat/autoComplete.js" title="autoComplete.js" rel="nofollow ugc">autoComplete.js</a> by <a href="https://github.com/TarekRaafat" title="Tarek Raafat" rel="nofollow ugc">Tarek Raafat</a> under the <a href="https://opensource.org/licenses/Apache-2.0" title="Apache License, Version 2.0" rel="nofollow ugc">Apache 2.0</a> License.
The main plugin icon is made by <a href="http://www.flaticon.com/authors/pixel-buddha" title="Pixel Buddha" rel="nofollow ugc">Pixel Buddha</a> from <a href="http://www.flaticon.com" title="Flaticon" rel="nofollow ugc">www.flaticon.com</a> and is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" rel="nofollow ugc">CC 3.0 BY</a> 
The article icon is made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik" rel="nofollow ugc">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon" rel="nofollow ugc">www.flaticon.com</a> and is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" rel="nofollow ugc">CC 3.0 BY</a> 
The category icon is made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik" rel="nofollow ugc">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon" rel="nofollow ugc">www.flaticon.com</a> and is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" rel="nofollow ugc">CC 3.0 BY</a> 
The tag icon is made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik" rel="nofollow ugc">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon" rel="nofollow ugc">www.flaticon.com</a> and is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" rel="nofollow ugc">CC 3.0 BY</a>

Full Screen Morphing Search

Responsive Full Screen Morphing Search Page Overlay With Predictive Autocomplete !

Doofinder WP & WooCommerce Search vs Full Screen Morphing Search