1. Script
In order to manage your Layer in your Admin Panel, we have consolidated the management of all products into a single installation script enabling quicker and easier implementation of new features, services, and updates in the future. The Doofinder script is the javascript code Doofinder will provide once you’ve created an account while signing in as a new user.
2. Layer
You need to create and assign a Layer to your Store. For example:
You must complete this step before configuring the Store Settings.
3. Store Settings
Make sure to configure your Store Settings on your Admin Panel > Store Settings
- Store URL: Enter the URL of your store, as typed in the web browser.
- Search Layer: select the Layer previously created.
- Trigger: Enter the CSS selector, like
#search-box
orinput[name="q"]
of the element or elements in your page used to write the search query. Click here to how to find your search box CSS selector. - Search Engine: create a Search Engine or make sure to have one created and ready to run on your online store.
Regardless of whether you are using Doofinder from a plugin or a custom store, you must complete these initial steps and verify all the information is correct before proceeding.
Once step 1, 2 and 3 are completed, you can now follow the nex steps depeding if you're working with a Plugin or a Cusrtom website.
Plugins
Woocommerce
Make sure to have followed and completed the guidance above. Then:
- Update your module to the last version.
- In your module, go to Doofinder’s "General Settings" and replace the script for the single script in JS Layer Script box. You can always find the Doofinder Script on your “Admin Panel” > “Store Settings” > “Configuration”. Scroll down to “Installation Script” and you’ll find it displayed.
Warning: Force normalization (Reset Credentials) if an error occurs when indexing. If the error persists, contact our support team. Follow this documentation to update the Doofinder Data Source.
Shopify
It is not necessary to reinstall the Doofinder App.
Make sure to have followed and completed the guidance above. Then:
In your Shopify panel go to your Apps > Doofinder > disable the Layer by clicking on "Disable Doofinder search bar" Then, wait for 10 seconds before enabling the Layer again.
If you have previously manually added the Doofinder script to your theme, you will need to replace it manually.
Bigcommerce
Make sure to have followed and completed the guidance above. Then:
- Check your module is updated to the latest version.
- In your BigCommerce panel go to your Apps > Doofinder > disable the Doofinder search bar. Then, wait for 10 seconds before enabling the search bar again.
Magento
Make sure to have followed and completed the guidance above. Then:
- Check your module is updated to the latest version.
Custom
Follow this step only if you are not using one of our plugins.
Make sure to have followed and completed the guidance above. To update your Layer from Layer V7 to Layer V9 replace the script for the single script