Learn How to Configure Doofinder’s Widget & iFrame

In addition to the general product finder, Doofinder offers more tools that will help you to put your search engine on blogs and related pages, giving them greater visibility and presence.

In this way, you can generate a greater volume of traffic towards your eCommerce, allowing you to attract new users and generate more sales.

Technically, Doofinder can be implemented easily. In your control panel you will find the code that you need to insert into the coding of your website and simply change the values of Width and Height. These values determine the height and width of the widget.  

<iframe src=”//[yourZone]-app.doofinder.com/en/widget/[yourSearchEngineHashId]”
width=”WIDTH” height=”HEIGHT” scrolling=”no”>

The products shown in the widget will be the most clicked products and they will change as they gain or lose relevance. If you do not wish to show these products, you can “predefine” a query by modifying it in the following way:


In some cases, you will need to add parameters to the links of the results that Doofinder displays in the widget.

For example, adding the parameter source=doofinder to each item that the client can click will allow different answers or simply to differentiate statistics.

Adding forward_parameter=my_param=my_value to the widget, will get Doofinder to add my_param=my_value  to all the links in the results.

So that by using a script like this:

<iframe src=”//[yourZone]-app.doofinder.com/en/widget/[yourSearchEngineHashId]?forward_parameter=my_parameter=myvalue”
width=”WIDTH” height=”HEIGHT” scrolling=”no”>

You will have links like this:


You can add more than one forward_parameter and it does not matter is your links already have other parameters as Doofinder will add the new ones to the end of the URL.