Doofinder

Increase your WooCommerce store’s conversion rates by up to 30% using our AI-driven search plugin for WordPress. Simplify the shopping experience for your customers with results in less than 0.025 seconds and personalized recommendations, cutting down on conversion time. Enhance user satisfaction with our lightning-fast search bar, voice, and image search options, advanced search by category feature, and intuitive product filters. Our plugin seamlessly integrates with Elementor, providing a smooth Ajax product search experience, a motive to upgrade your WordPress site today with our search and discovery solution, and see the difference in your online store!
<h3>Introduction</h3>
Upgrade your eCommerce site with our advanced product search for WooCommerce. Install our search plugin in just 5 minutes, with no programming skills required! Experience the power of Doofinder’s AI search today!
<a href="https://www.doofinder.com/signup?utm_campaign=Content&utm_source=WooCommerce%20Profile&utm_content=Doofinder%20Sign%20Up" rel="nofollow ugc">Doofinder sign up</a> | <a href="https://woocommerce.doofinder.com" rel="nofollow ugc">Demo Store</a> | <a href="https://support.doofinder.com/plugins/woocommerce/installation-guide/installation-steps-woocommerce.html" rel="nofollow ugc">Installation Steps</a>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/4D5hgYQpWHk?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>
<h3>Features</h3>
<ul>
<li>🔍 Intelligent Product Filters: Allow shoppers to effortlessly navigate through your catalog with our intuitive default and customizable filters.</li>
<li>🔝 Searchandising: Create rules to prioritize products within your search results.</li>
<li>📱 Mobile First: Enjoy a specialized mobile search mode crafted for an optimal user experience.</li>
<li>🔍🗣️ Multiple Ways to Search: Empower users to search via voice, text, or image—whichever suits their preference.</li>
<li>📊 Real-Time Analytics: Gain valuable insights into user behavior and geolocation data.</li>
<li>🔀 Multi-Index & Redirections: Set up pre-configured results, seamlessly redirecting users to relevant pages based on their search query.</li>
<li>🎨 Respect Your Theme Design: Ensure seamless integration with your existing design aesthetic.</li>
<li>🔡 Typo-Tolerance & Synonyms: Enhance search accuracy with typo tolerance and synonym recognition.</li>
<li>🔮 Predictive Search Suggestions: Anticipate user needs with relevant search suggestions.</li>
<li>🖼️ Customizable Appearance: Tailor the layout and design of product cards to suit your brand.</li>
<li>🎉 Promotional Banners: Highlight special offers and promotions within search results to enhance your product merchandising.</li>
<li>🌐 Multi-language and Multi-currency Support: Reach a global audience with support for over 30 languages and currencies.</li>
<li>🛠️ Technical Support: Ensure continuous growth with a technical support team that’s always ready to help.</li>
<li>🧥👗AI Product recommendation carousels: Guide users to products they’ll love and maximize cross-selling with our AI-powered recommendations.</li>
</ul>
<h3>Requirements</h3>
Important: To use this plugin you need to have an account with Doofinder. If you don’t have an account, you can sign up <a href="http://www.doofinder.com/signup?utm_campaign=Content&utm_source=WooCommerce%20Profile&utm_content=Doofinder%20Sign%20Up" rel="nofollow ugc">here</a> to start your 30-day free trial period.
The minimum technical requirements are the same as the WordPress ones.
<h3>Configuration</h3>
One-Click Indexing of All WordPress Content
Check out our support page and follow the steps for installation: <a href="https://support.doofinder.com/plugins/woocommerce/installation-guide/pre-requisites-woocommerce.html" rel="nofollow ugc">go to the support page!</a>
NOTICE:
Doofinder for WordPress comes with built-in support for <a href="https://wpml.org/" rel="nofollow ugc">WPML</a>. If you’re using it, make sure you’ve switched to one of the defined languages. If you stay in the “All Languages” context, you won’t be able to set up anything. You’ll need to set up a search engine for each language on your site.
<h3>General Settings</h3>
You will see that the installation is very simple, but to make it easier you should familiarize yourself with some basic concepts.
<ul>
<li>API Key: This is the secret code you use to organize content (in machine learning setups, you can share the same code). You can find your API key in the Doofinder Control Panel. Click on your profile name (at the top) and then on API Keys. Make sure you’re using a Management API key, not a Search API key.</li>
<li>Search Engine HashID: This is the ID of the search engine that will organize your content. You can find it in the Doofinder Control Panel. Click on Search Engines in the top menu. The Hash ID will be shown next to the name of your Search Engine. Remember to use different search engines for different languages if you’re in a machine-learning environment.</li>
<li>Update on Save: This is the time it takes for posts/products to be refreshed after you make a change.</li>
<li>JS Layer Script: Here, you can adjust the Layer JavaScript Code. The JavaScript Layer needs it to work properly.</li>
</ul>
Visit our Support Documentation for detailed steps. <a href="https://support.doofinder.com/plugins/woocommerce/installation-guide/installation-steps-woocommerce.html" rel="nofollow ugc">https://support.doofinder.com/plugins/woocommerce/installation-guide/installation-steps-woocommerce.html</a>

DOOFINDER Search and Discovery for WP & WooCommerce

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

jameelbokhari

Awesome Instant Search integrate Instant Search to ANY wordpress website using CSS seletors. If you are familiar with CSS already, you should have no problem setting this up. The less experienced can use <a href="http://www.jameelbokhari.com/awesome-instant-search/" rel="nofollow ugc">my full tutorial</a> to set up in 15-20 minutes.
After installing the plugin, go to Settings->Awesome Instant Search in your admin panel. On the first tab, General Settings, you can activate the plugin, but you should probably set it up first.
If you are working with the TwentyThirteen theme, the plugin should work out of the box. 
TwentyTwelve and TwentyTen can be applied instantly as well. Go to the plugin settings page described above, and under the General Settings use the dropdown next to Theme Quick Settings to select between twentythirteen, twentytwelve and twentyeleven. Again, if you are not using these themes you have to set the plugin up to fit your particular theme. Unfortunately there’s not a way (that I know of) that will get this plugin working out of the box!
For the quick tutorial, see below. For those of you unfamiliar with simple HTML and CSS concepts, <a href="http://www.jameelbokhari.com/awesome-instant-search/" rel="nofollow ugc">see my full tutorial</a>.
<h4>The Essentials</h4>
Essentially, you need to configure three settings.
<ul>
<li>Search Field Selector</li>
<li>Page Content Selector</li>
<li>Search result selector</li>
</ul>
If you know your <code>HTML</code> pretty well, here’s what to do: Assign Search Field Selector to the class or ID of your search field(s) in your website. The default <code>input[name="s"]</code> should work for any website.
Assign Page Content Selector to the ID of the element you want your search results to appear in. Remember to use a period (.) or hash sign (#) just like you would with a <code>CSS</code> selector. So for example <code>#content</code>. Just like with CSS you can be more specific when you need to, e.g., <code>#main #content .container</code> and so on. Keep in mind, this content will be hidden on the current page where the search is performed.
Next, in the same fashion, assign a selector for the search results. In about 99% of websites, this is going to be the same as the content selector with .hentry added in there. For example, if you assigned <code>#content</code> as your Page Content Selector, you would use <code>#content .hentry</code> as your Search Result Selector.
These are the three most important settings. After you get these, go ahead and test it out or play with the other settings.
<h4>Other Settings</h4>
Search URL is where the search results appear. This is your wordpress website’s domain with the letters <code>?=s</code> appended to it — e.g., http://www.example.com?=s 
This shouldn’t need to be changed but is there just in case you ever need to change it.
Hide These Elements If you want additional elements to be hidden when performing a search, use this option. These elements will be revealed again when the search is cleared. This value accepts comma separated <code>CSS</code> selectors, use it to hide comments, page navigation and other extraneous elements when searching.
Before Instant Results is <code>HTML</code> to appear before the Instant Search results. Use the tag %%SEARCH_TERM%% to print the search term, e.g., <code><h3>Search results for: "%%SEARCH_TERM%%"</h3></code> might show up as <code><h3>Search results for: "Contact Info"</h3></code> on your page.
Theme Quick Settings Quickly access default settings for twentyten, twentytwelve, and twentythirteen.
<h4>Translation</h4>
<ul>
<li>Español <a href="http://www.webhostinghub.com/" rel="nofollow ugc">Maria Romos with Web Hosting Hub</a>.</li>
</ul>

Awesome Instant Search

Awesome Instant Search integrate Instant Search to ANY wordpress website.

DOOFINDER Search and Discovery for WP & WooCommerce vs Awesome Instant Search