Configurez le dernier layer de Doofinder sur votre e-commerce

Configuration du dernier layer de Doofinder

Voici les étapes à suivre afin de modifier le layer :

1. Accédez au panneau de contrôle de votre compte Doofinder

2. Sélectionnez le moteur de recherche (Search Engine) que vous souhaitez configurer. Vous serez redirigé vers la page de configuration des feeds.

3. Dans le menu latéral, cliquez sur Installation Scripts et sélectionnez Doofinder Layer.

Si vous avez déjà paramétré un layer, l’écran suivant montre le code à coller sur votre page web.

4. Afin de pouvoir modifier le layer, cliquez sur Configure Doofinder Layer. L’assistant de configuration du layer apparaît.

5. Confirmez la page web sur laquelle vous souhaitez installer le layer ainsi que la plateforme utilisée par votre page. L’assistant vous propose la plateforme qu’il pense être utilisée par votre page (Magento, Prestashop, etc.). S’il se trompe, sélectionnez la bonne plateforme dans le menu déroulant, puis cliquez sur OK.

NB : Ne vous inquiétez pas si le software que vous utilisez pour votre e-commerce n’apparaît pas. Dans ce cas, ou si vous ne savez pas quelle plateforme choisir, sélectionnez Regular Website.

6. Choisissez le type de layer que vous souhaitez utiliser. Vous avez le choix entre deux modes de visualisation :

Classic : Doofinder est affiché sous la forme d’une fenêtre pop-up, greffée à votre barre de recherche.

FullScreen : le moteur de recherche occupe la totalité de la fenêtre du navigateur. Ce mode permet une meilleure visualisation des produits montrés. Il offre également une plus grande personnalisation car il est possible d’y ajouter votre logo corporatif.

7. L’assistant vous demandera ensuite d’indiquer où se trouve votre barre de recherche. Dans le cas du layer Fullscreen, vous pouvez sélectionner tout élément « cliquable » de la page, même si le plus intuitif reste d’utiliser la barre de recherche de votre page.

Pour activer le mode de sélection, cliquez sur Choose Searchbox / Element. Le mode sélection se désactivera une fois que vous aurez sélectionné un élément valide ou si vous cliquez sur Cancel.

Si tout s’est bien passé, vous verrez une simulation de votre Layer sous votre barre de recherche.

8. Enfin, vous pouvez réaliser quelques ajustements qui diffèrent selon le type de layer paramétré.

9. Une fois que le layer vous convient, sauvegardez les changements en cliquant sur Save.

10. Lorsque la page du script a fini de charger, il ne vous reste plus qu’à copier le code Javascript et à le coller dans le code  HTML de votre site web. Si vous utilisez l’un de nos modules, il existe dans les options de configuration la possibilité de coller le layer sans avoir à modifier le code de votre page.