Barre de recherche IA : vos visiteurs trouvent tout de suite

1À quoi ça sert

Un visiteur qui ne trouve pas ce qu’il cherche quitte votre site. Les recherches classiques ne retrouvent que les mots exacts : « canapé convertible gris moins de 800 € » ne donne rien, ou n’importe quoi. La barre de recherche IA de Copernic comprend le sens de la question, repère d’elle-même les critères (prix, marque, couleur, date…) et affiche les résultats pendant la frappe. Sur une vraie question, elle rédige même une réponse courte à partir de vos contenus. Elle s’installe en copiant un bout de code, et l’équipe Copernic s’occupe du reste : contenus, filtres et apparence aux couleurs de votre site.

2Comment ça marche

1. 1

   L’équipe Copernic branche vos contenus : le catalogue de votre boutique (flux produits ou accès à son API), les pages de votre site, vos documents. Ils sont remis à jour automatiquement, toutes les heures, chaque jour ou chaque semaine selon votre rythme ; seuls les changements sont repris.

2. 2

   Avec vous, elle choisit les filtres proposés (marque, prix, taille, catégorie…), leur ordre, et l’apparence de la barre : couleurs, police, cartes de résultats. Vous testez le résultat sur une page de démonstration avant de toucher à votre site.

3. 3

   Vous collez un bout de code sur votre site, une seule fois. La barre s’affiche soit dans la page, à l’endroit choisi, soit en grande fenêtre quand le visiteur clique sur votre loupe ou votre champ de recherche.

4. 4

   Le visiteur tape : les résultats apparaissent à chaque lettre. Les critères qu’il a écrits deviennent des filtres cochés ; si trop peu de résultats correspondent à tout, des résultats proches s’affichent dessous, avec ce qui leur manque. En appuyant sur Entrée, il obtient en plus une réponse rédigée par l’IA.

5. 5

   Chaque recherche alimente vos statistiques. À partir de ce que vos visiteurs ne trouvent pas, l’équipe Copernic peut ajouter des synonymes ou mettre une page en tête pour une recherche donnée.

3Avant de commencer

4Installer la barre sur votre site

Votre lien d’installation donne votre code exact et le détail pour Shopify, WordPress et PrestaShop. Voici les étapes, pour savoir à quoi vous attendre.

1. 1

   Étape 1

   Choisir l’affichage

   1. Dans le contenu de la page : la barre apparaît là où vous collez le code ; les résultats s’ouvrent par-dessus la page ou la poussent vers le bas.
   2. En popup : une grande fenêtre de recherche s’ouvre quand le visiteur clique sur un élément de votre site, par exemple la loupe de votre menu.

   Astuce

   Le code est le même dans les deux cas : pour changer d’affichage plus tard, prévenez votre contact Copernic, sans rien recoller.

2. 2

   Étape 2

   Coller le code

   Copiez le code de votre lien d’installation : une ligne <div id="search-here"></div> et une balise <script> qui porte votre clé.

   1. Dans la page : collez-le à l’endroit où la barre doit apparaître (bloc « Liquid personnalisé » sur Shopify, bloc « HTML personnalisé » sur WordPress). Pour l’avoir partout, collez-le une fois dans l’en-tête commun du site.
   2. En popup : collez-le une seule fois, juste avant </body>, dans le modèle commun à toutes les pages (theme.liquid sur Shopify).

   Attention

   Collez le code en entier, sans le modifier : la clé qu’il contient relie la barre à vos contenus.

3. 3

   Étape 3

   Ouvrir la recherche depuis votre loupe ou votre champ

   Ajoutez la classe CSS copernic-search-open à n’importe quel élément de votre site — la loupe du menu, un bouton, votre ancien champ de recherche : un clic ouvre la recherche Copernic. C’est indispensable en popup.

   1. Exemple : <button class="copernic-search-open">Rechercher</button>.
   2. Depuis votre propre JavaScript (un menu déroulant qui bloque les clics, par exemple) : RaguiSearch.open().

   Astuce

   Le raccourci Ctrl+K (⌘K sur Mac) ouvre aussi la recherche.

4. 4

   Étape 4

   Vérifier

   Publiez, ouvrez votre site et tapez quelques lettres (ou cliquez sur votre loupe) : les résultats apparaissent.

   1. Rien ne s’affiche ? Videz le cache de votre site, puis rechargez avec Ctrl+F5.
   2. Affichez le code source de la page et cherchez search-here ou searchbar.js : s’ils manquent, le code n’a pas été enregistré.

5Suivre et améliorer les recherches

1. 1

   Étape 1

   Lire vos statistiques

   Dans le backoffice, ouvrez Barre de recherche IA, puis l’onglet Dashboard.

   1. Le volume de recherches, les recherches les plus fréquentes et celles qui montent.
   2. Les recherches sans résultat ou sans clic : ce que vos visiteurs veulent et ne trouvent pas.
   3. La position des résultats cliqués, la répartition par région, et un résumé rédigé par l’IA.
2. 2

   Étape 2

   Demander un réglage

   Une recherche donne de mauvais résultats ? Envoyez-la à votre contact Copernic. Il peut ajouter un synonyme (« canapé-lit » = « convertible »), afficher une page en tête pour une recherche, mettre en avant certains produits ou faire remonter les contenus récents.

6Questions fréquentes