Installation et configuration de Doofinder pour Prestashop (version 1.5 et plus)


SOMMAIRE


fullsizeoutput 1c 300x102 1fullsizeoutput 1a 1024x286 1fullsizeoutput 18 1024x202 1fullsizeoutput 16 1024x191 1fullsizeoutput 16 1024x191 1fullsizeoutput 1d 1024x301 1 e1590572991947fullsizeoutput 1b 1024x693 1 e1590572969416fullsizeoutput 19 1024x479 1 e1590572950994fullsizeoutput 17 1024x668 1 e1590572928657Création du compte et téléchargement du module

1) La première étape est de créer un compte sur Doofinder : https://www.doofinder.com/fr/signup

2) Nommez votre moteur de recherche et renseignez l’url de votre site puis cliquez sur “Continue”.

3) Vous arriverez sur cette page qui vous propose directement le module pour Prestashop. Si non, choisissez simplement la plateforme Prestashop.

fullsizeoutput 17 1024x668 1 e1590572928657

4) Cliquez sur le lien “Prestashop 1.5 or later”, vous serez redirigé vers la marketplace de Prestashop. Téléchargez puis installez le module.

5) Choisissez ensuite la langue et la monnaie et cliquez sur “Continue”.

fullsizeoutput 19 1024x479 1 e1590572950994

6) Nous allons maintenant générer le Javascript. Lorsque vous arrivez sur cette page, cliquez sur “Yes, let’s go!”

fullsizeoutput 1b 1024x693 1 e1590572969416

7) Confirmez l’url du site et cliquez sur “Continue”, laissez le champs “Plateform” vide.

8) Choisissez ensuite le type de Layer pour présenter les résultats de recherche (Classic ou Fullscreen) et cliquez sur “Continue”.

9) Cliquez sur le bouton “Choose search box” puis cliquez sur la barre de recherche sur votre site. Vous verrez apparaître un aperçu du layer. Cliquez sur “Continue”.

10) Vous avez ensuite la possibilité de modifier l’apparence du layer :

  • Display Options : modifiez la taille du layer
  • Position Options : modifiez le positionnement du layer
  • Facets Options : modifier la taille et le positionnement des filtres

11) Cliquez ensuite sur “Save”.

Installation de Doofinder

1) Vous venez de générer le Javascript. Copiez le code Hash ID unique à chaque moteur de recherche puis rentrez dans votre back office Prestashop.

2) Entrez dans la configuration du module Doofinder

fullsizeoutput 1d 1024x301 1 e1590572991947

3) Dans l’onglet “Search Layer”, collez le code Hash ID et choisissez la langue en cas de site multilangues. Cliquez sur Save.

fullsizeoutput 16 1024x191 1

4) Videz les caches de votre navigateur afin de voir apparaître le layer de recherche Doofinder sur votre site.

5) Afin de configurer l’intégration complète (résultats Doofinder après avoir valider la recherche), vous devez tout d’abord générer une clé API depuis votre back office Doofinder :

fullsizeoutput 18 1024x202 1

6) Cliquez sur “New API KEY”, nommez la et cochez “I will use this API Key with Management API”.

fullsizeoutput 1a 1024x286 17) Copiez cette clée et venez la coller dans le module Doofinder > Internal Searchfullsizeoutput 1c 300x102 1

Activez les options comme indiqué et sauvegardez.

EBOOKS