Doofinder
Doofinder is a search enhancement tool that provides intelligent product search and autocomplete suggestions. Doofinder integrates with ShopWired by using a product feed and a JavaScript snippet added to your theme, allowing the search layer to load on your website.
Key features for Doofinder include:
- Enhanced product search with autocomplete suggestions
- Typo-tolerant search results
- Customisable search layer
- Support for store product catalogues through data feeds
- Installation using a simple script added to your theme
Create your Doofinder store
Create your Doofinder store
To begin using Doofinder with ShopWired, create your store in your Doofinder account.
- Navigate to the Doofinder website
- Sign in or create a new account
- Enter your ShopWired website URL
Doofinder will prompt you to provide product data, generated from your ShopWired account.
Prepare your ShopWired product feed
Prepare your ShopWired product feed
To provide Doofinder with your product data:
- Install the Product multi-channel feed app
- Obtain the URL for your product feed from your ShopWired account
- ShopWired recommends using the
Only published productsfeed
- ShopWired recommends using the
- Enter this URL into your Doofinder account into the product feed URL setting
Identify your search bar selector
Identify your search bar selector
Doofinder requires the for your search bar so it can attach its search layer to your website.
The steps below show how to obtain a CSS selector using Google Chrome. The process may differ slightly depending on the browser you are using.
- Open your ShopWired storefront in Google Chrome
- Right-click on your search bar and select
Inspect - When the search bar element is highlighted, select the three dots menu in the inspector tools
- Select
Copy>Copy selector - Return to Doofinder and paste the selector into the field provided
- Select
Create
Doofinder will now associate its search functionality with your store’s search bar.
Add the Doofinder script to your ShopWired website
Add the Doofinder script to your ShopWired website
Doofinder provides a that must be added to your theme so the search engine can load on all pages.
- Locate the script displayed in Doofinder, similar to the example below:
<script src="https://eu1-config.doofinder.com/2.x/YOUR_DOOFINDER_SCRIPT_ID.js" async></script>
The code shown in this guide is provided as an example only. You must copy the exact code provided in your own Doofinder account, as the script will be unique to your store.
Add this code to your ShopWired account:
- Navigate to Website > Themes and select the
code editor - Open the
master.twigfile - Paste the Doofinder
<script>snippet just before the closing</head>tag - Select
save changes
Connect your Doofinder store
Connect your Doofinder store
- Return to Doofinder
- Select
Connect - Doofinder will confirm that your store has been created
- Indexing will begin automatically
You will be redirected to the search engine dashboard.
Completion
Completion
Once indexing has completed, Doofinder will display sample results using your product data. Your search layer is now connected and Doofinder will continue processing your store data based on your feed and configuration settings.
Recommendations
Recommendations
Keep your product feed updated
If you add or update products in ShopWired, prepare a new feed and upload it to Doofinder to ensure your search results stay accurate.
Test your search bar after installation
Reload your website and test a few product searches to confirm the Doofinder search layer is working correctly.
Check indexing status
Doofinder may take time to process newly uploaded product data. Check your Doofinder dashboard for the latest indexing status.
Use a clear search bar selector
If your theme uses a customised search bar, ensure the copied selector matches the correct element so Doofinder can attach the search layer.