Comment intégrer Doofinder à votre Boutique WooCommerce

Installez l’extension WooCommerce pour Doofinder :

Vous pouvez installer notre extension directement à partir du backoffice de WooCommerce sous Plugins > Add New

Ici, vous pouvez chercher le Plugin Doofinder, l’installer et l’activer.

Maintenant que vous avez installé l’extension de WooCommerce, il est temps de configurer votre compte Doofinder ! 

1. Créez votre compte Doofinder 

Entrez votre adresse mail et indiquez un mot de passe. 

2. Nouveau moteur de recherche

Choisissez un nom pour le moteur de recherche; vous avez peut-être plus d’un magasin. Cela vous aidera donc à identifier le moteur de recherche qui correspond à chaque magasin. 
Entrez l’URL de votre site web et appuyez sur “Continuez”.

3. Quel type de site web avez-vous? 

A partir de la liste déroulante, sélectionnez (à moins que vous l’ayez déjà fait) “WooCommerce”, sélectionnez la langue et appuyez sur “Continuer”. 

Vous allez peut-être rencontrer l’erreur suivante: 
Le plugin n’a pas pu être vérifié à cause d’une erreur de connexion. Veuillez vérifier que le plugin est correctement installé et réessayez. Si les problèmes persistent, veuillez contacter notre service technique à support@doofinder.com.
Doofinder essaiera de vérifier l’installation du plugin avec un//une URL. Si Doofinder ne peut pas y accéder, la configuration guidée s’arrêtera. Pour remédier à cet inconvénient, vous pouvez ignorer cette étape en sélectionnant « autre e-commerce » comme plateforme et continuez avec la configuration.

4. Choisissez la langue

Sélectionnez la langue de votre choix et appuyez sur continuer.

5. Vous avez presque terminé !

Vous pourrez maintenant choisir la configuration de votre script. Appuyez sur « Oui, allons-y !» 

Cela déclenchera le chargement de l’installation du Layer de Doofinder qui consiste en 4 étapes.

6. Installation du Layer de Doofinder 

Etape 1. Valider l’URL du site. Sélectionnez “Autre” sous l’option Plateforme. 
Etape 2. Vous avez le choix entre la version “Fullscreen” ou “Classic”du layer. Choisissez celui que vous préférez (n’oubliez pas que  vous pourrez toujours le changer ultérieurement). 
Etape 3. Appuyez sur “Choisir champ de recherche” et le message “waiting for selection” apparaîtra. Avec la souris allez sur votre page, sur le côté droit, et cliquez dans le champ de recherche. 
Etape 4. Ces options vous permettront de changer la taille et l’emplacement du layer de Doofinder. 
Maintenant appuyez sur “ Enregistrer” 
Ensuite, vous verrez s’afficher le javascript de Doofinder. Ce dernier doit être inséré dans le tableau de bord de WooCommerce  et nous pourrons ainsi commencer le test !  

7. Où doit-on placer le javascript ? 

Entrons dans le tableau de bord de WooCommerce. 
Ici, sélectionnez WooCommerce > Paramètres > Doofinder > Doofinder Layer
Vous devriez voir apparaître l’écran suivant. 
Insérez le Javascript de Doofinder dans le champ: Layer Javascript Code

8. Recherche interne

A côté de l’onglet du Layer de Doofinder, vous trouverez Recherche interne. 
Nous pouvons configurer Doofinder pour alimenter la recherche interne dans votre magasin WooCommerce aussi. 
Lorsque nous cliquons ici, vous devriez voir apparaître l’écran suivant. Vous trouverez 2 champs vides. API KEY & HASH ID.

9. API KEY

Revenez à votre compte Doofinder pour effectuer cette manipulation. 
Cliquez sur votre adresse mail (en haut à droite) et, à partir du menu déroulant, sélectionnez API KEYS.
Il est très probable que vous deviez créer une API KEY (une clé Api). Cliquez sur le bouton vert “New API Key” (nouvelle clé Api).
Choisissez un nom et cliquez sur “Créer API key”.

Vous devriez maintenant avoir votre Clé API. 

Copiez la clé et insérez-la dans le tableau de bord de votre WooCommerce,  sous API Key, comme nous l’avons vu au point 8 de ce guide d’instructions.

10. HashID

Vous trouverez votre Identifiant Hash sur la page d’accueil de votre compte Doofinder. Si vous rencontrez des difficultés à rejoindre cette page, il vous suffit de cliquer sur le logo de Doofinder dans le coin supérieur gauche de la page. 
Vous devriez voir apparaître l’écran ci-dessous où vous trouverez également l’Identifiant Hash  ID surligné en bleu. 

Insérez l’identifiant Hash dans le champ portant le même nom dans le tableau de bord de WooCommerce mentionné au point 8 de ce guide. 

11. La configuración del Data Feed

Dans le plugin de Doofinder, vous avez la possibilité de configurer le flux de données que vous utiliserez pour Doofinder :

• Protégez le flux grâce à un mot de passe: Ajoutez un mot de passe à votre flux pour le sécuriser et n’oubliez pas d’actualiser l’URL de flux de données dans le backoffice de Doofinder > Configuration > Source de données.
• Complétez le mot de passe: Choisissez le mot de passe que vous souhaitez utiliser pour protéger votre flux de données.
• Exportez des prix de produits: Incluez des prix de produits dans le flux de données. Le prix inclus sera établi suivant vos paramètres de devise et de taxes dans Woocommerce.
• Exportez des étiquettes de produits: Exportez des étiquettes de produits dans le flux de données.
• Départagez les variables des produits: Affichez toutes les variables dans les résultats de recherche.
• Exportez des valeurs en unités, si possible: la largeur, la hauteur et le poids des produits seront exportés en unités. Si l’option n’est pas sélectionnée, alors les chiffres seront les seuls à être exportés.

Vous pouvez aussi exporter des attributs dans la section Attributs de Flux de Données.
Il vous suffit de choisir l’attribut que vous voulez exporter et lui donner le nom d’un champ. Le nom du champ ne doit pas comporter d’espace.
Lorsque vous effectuez des changements dans la section Flux de Données et Attributs de Flux de Données, n’oubliez pas de réindexer le flux dans le panneau de contrôle de Doofinder > Configuration > Sources de Données.
Maintenant que tout est configuré, vous êtes prêt à commencer le test ! 
Pour toute question concernant l’intégration, n’hésitez pas à nous contacter à: support@doofinder.com