How to configure the Live Layer

Doofinder has released a Live Layer, including many improvements, making it a lighter and more powerful layer for your online shop.

Configuration

Go to your Doofinder Admin panel and click on ‘Live Layer’ (1) in the superior menu. You’ll see two different subsections, Installations and Layers (2).

Go to Layers to configure the layer you want to show on your site. Click on Add Layer.

Choose a descriptive name for your layer, which will later help you to link it to the installation.

Choose the layer type between these:

  • Standard: This type shows an initial search, including the latest searches, suggestions (if you have them) and the search results layer.
  • Basic: Includes only the search results layer.

Click on Continue.

A pop-up window will appear indicating that ‘The layer has been successfully added’.

Close the window by clicking on the ‘Close’ button, and you will be able to see the layer created in the Layers subsection.

Installation

Once you have created the layer, you must go to the Installations menu. 

Click on Add Installation.

Give your installation a name that will be used to identify your installation in the control panel.

Click on Continue.

Next, include the CSS selector.

This will allow Doofinder to identify the search box in which Doofinder will be implemented. 

This selector can be an ID, a name, or a class, written this way:

ID:“#your_search_box_id”
Name: “input[name=’your_selector_name’]”
Class: “.your_class_name”

📌 Note: You can add as many unique selectors as you want, both for desktop and mobile, separated by a comma: 

#your_search_box_id, input[name=’your_selector_name’], .your_class_name

If you have any trouble finding out which the selector is, please, drop us an email at support@doofinder.com

Click on Continue.

Display the drop-down menu and select the layer you created earlier.

Click on Continue.

Finally, you can choose which search engine will be used for search in a given language.

You need to indicate the language and currency for each one, selecting your main language and currency as default

Click on Continue.

Your installation is now complete, and the Live Layer is created and ready to offer a better search experience on your site.

Installation Configuration Page

By clicking on the Live Layer name, you can access the configuration page, in which you can see the inputs, the associated engines and the script of your layer.

Publishing the Script

The script must be published in your HTML code to get Doofinder Live Layer working on your site. 

If your site is tailor-made, you only require to paste the script in your HTML code, header or footer section.

If your site is managed by one of the following CMS, please click on its name:

Prestashop

Woocommerce

Shopify

Bigcommerce

If you have any other CMS, please ask directly to our Support Department by dropping an email to support@doofinder.com.

Should you encounter any problems, please contact support@doofinder.com

Last updated: Jan 2022