Installing Doofinder

Doofinder can be quickly and easily integrated with any web or eCommerce solution.

If you have a custom site that does not use a plugin for its eCommerce site, it is still possible to integrate the Doofinder search into your site. To install it, ensure that you have the following ready:

Pre-requisites to install Doofinder

Doofinder Account.

Product Data Feed.

Installation Steps

Doofinder can be installed in four easy steps. If you already have a Doofinder account, please log in, otherwise you can register for one.

Click on Create Store to begin the installation process.

Step 1: Create a Store

Enter the complete URL of your website, then select Other in the field of the platform you are using and click on Continue.

Step 2: Create a Search Engine

In this step, you will define the configuration of your Search Engine. You can choose a name, a language, a currency and a business sector.

– Name: By default, Doofinder uses the URL entered during the previous step, but you can type a name of your choice. This name will be applied to the Store, the Search Engine and the Layer.

– Language: Select a language from the dropdown menu. Note that the language code selected must match the source HTML language code. If the HTML of your website is in lang="en", then you must select "en" only and not "en-UK".

– Currency: Choose a currency.

– Sector: Select the sector that applies to your Store.

Once done, click on Continue.

Step 3: Index a feed

It is time to index your feed. You can choose to use a file or an API (for this example, we will use the available sample feed).

– File Feed: Enter your feed URL or drop the CSV, XML file.

– API: Visit our API documentation.

Now you need to enter the search input CSS selector to indicate where on the website you want to trigger the Layer when the customer clicks.

If you want to learn how to choose the CSS selector, read this article.

Then click Create.

Step 4: Generate your script

You are almost done!

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. 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.

Default Script

This is the single script with minimum configuration (store and zone):

   <script src="https://eu1-config.doofinder.com/2.x/a320f337-fc68-4992-81c0-094e9543fe3e.js" async></script>

This script contains:

• Zone “eu1-config.doofinder.com”

Zone must be configured depending on the EU zone or US zone (your online store zone). “eu1” if your zone is Europe or “us1” if your zone is the United States.

• Store ID: is your Store ID code followed by “.js”.

How To Update Your Script

Why Does The Doofinder Script Change

We have combined all products to be managed with a single installation script.

The single script is a javascript code that clients add to their site to use any number of Doofinder apps. As you have been a Doofinder user since before this update and you have contracted one of the new products, you need to update the script so that the new products can connect to your store and start enjoying all the benefits of the new features.

Installing The Script

Simply (manually) copy and paste the installation script onto your website.

If you have any of these advanced features, it's likely your script is customized:

• Integrated Product Reviews
• Targeted product visibility
• Hover images for Product Cards
• Hidden Prices
• B2B Personalized Pricing
• GIFs on Product Cards
• Stock updates on Product Cards
• Availability flags on Product Cards
• Color options on Product Cards

Plugins - Update

To seamlessly update the Doofinder Single Script, all you need to do is ensure that your online store's plugin is updated to its latest version. This applies to the following Plugins:

• Shopify
• Magento
• WooCommerce
• Prestashop
• BigCommerce
• VTEX
• JTL

Ensure your plugin is up-to-date, and you'll be ready to enjoy the enhanced features and performance of the latest Doofinder Single Script.

Manual Installation - Update

If you have a custom site that does not use a plugin for its e-commerce site and you’re already using Doofinder, you’ll need to replace the old Doofinder Script with the New Doofinder Single Script on the HTML Code on your website.

Simply copy and paste the script into the section of your HTML. It requires to be placed in either the footer or header section to ensure it's applied to all pages consistently throughout your website.

As you enter your Admin Panel, a series of steps will be shown on your screen along with a step-by-step guide to successfully replace the new script. Please, read these instructions carefully and follow the steps recommended.