Chop Chop

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 (feed your search engine with data and put a bit of javascript code in your page).
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 equirements 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>
<li>Index Posts: To access the indexing wizard.</li>
</ul>
NOTICE: Doofinder for WordPress has built-in support for <a href="https://wpml.org/es/" rel="nofollow ugc">WPML</a> and <a href="https://wordpress.org/plugins/polylang/" rel="ugc">PolyLang</a> multi-language plugins. In case you use any of them, 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>
Authentication
<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>
</ul>
Index Settings
<ul>
<li>Post Types: Choose which contents you want to index.</li>
</ul>
Search Settings
<ul>
<li>JS Layer: Enable the Doofinder JavaScript layer – when typing into a search field a window will pop up containing the list of results generated by Doofinder. This requires correct layer code pasted in the Layer Javascript Code field.</li>
<li>JS Layer Script: Here you can paste the Layer Javascript Code that can be found in the Doofinder Control Panel. It is required for the Javascript Layer to work.</li>
<li>Internal Search: Internal search overrides the default WordPress search that happens when users enter their search term and press Enter (and the website goes to the search results page).</li>
</ul>
IMPORTANT: Unless you know what you’re doing, it’s recommended to index contents first and, after the indexing process is finished, enable this option. If you switch the order, your site may return no results until something is indexed.
Index Posts
<h3></h3>
This section allows you to reindex all your contents. Just press the button and wait until it finishes. You will have to do this for each language if you’re in a ML environment.
IMPORTANT: Unless you know what you’re doing, it’s recommended to disable internal search when reindexing contents and, after the indexing process is finished, re-enable it. If you switch the order, your site may return no results until something is indexed.
IMPORTANT: Don’t leave the Index Posts screen until the process finished or your data won’t be fully indexed.

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 vs Full Screen Morphing Search