Guides

Comment ajouter un chatbot IA à votre site web

Ajouter la fenêtre de chat prend quelques minutes. Décider de ce qu’elle a le droit de dire, d’où viennent ses réponses et à qui elle passe la main, c’est ce qui fait qu’elle aide vos visiteurs ou qu’elle les agace. Ce guide couvre les deux, dans l’ordre.

Mis à jour le 21 octobre 2026

Avant de commencer : quatre choses à décider

La plupart des chatbots qui agacent les visiteurs échouent sur l’un de ces points, pas sur la technique. Consacrez-y dix minutes avant de vous inscrire où que ce soit.

1. D’où viennent ses réponses

Un assistant IA ne peut pas être plus juste que ce qu’il lit. Posez la question pour chaque produit que vous envisagez : répond-il uniquement à partir de mes propres pages, ou aussi à partir de ce que le modèle a appris ailleurs ? Un modèle qui comble les vides avec des connaissances générales dira à un visiteur que votre délai de retour est de 30 jours parce que c’est courant, même si le vôtre est de 14.

Vérifiez que votre site dit vraiment ce que les gens demandent. Ouvrez vos pages et cherchez :

  • les frais et délais de livraison, par pays si vous livrez à l’étranger ;
  • les retours et échanges : le délai, l’état de l’article, qui paie les frais de retour ;
  • comment vous joindre, avec une adresse e-mail que quelqu’un lit vraiment ;
  • les détails produits que les gens comparent : tailles, matières, compatibilité, contenu ;
  • les horaires, la zone d’intervention ou les règles de réservation, si vous vendez un service.

S’il manque une page, rédigez-la d’abord. Un assistant qui lit une bonne page répond bien ; un assistant qui ne lit rien dit souvent « je ne sais pas », ce qui est honnête mais peu utile.

2. À qui il passe la main

Certaines conversations ont besoin d’une personne : un colis abîmé, un remboursement, une réclamation, quelqu’un qui demande simplement à parler à un humain. Décidez où elles vont avant la mise en ligne. Une adresse e-mail convient. Une application de messagerie que vous surveillez déjà convient mieux, car vous pouvez répondre pendant que le visiteur est encore sur la page.

Notre assistant vous transmet ces conversations par e-mail, Slack, Discord ou Telegram, avec la conversation jointe, et depuis les applications de messagerie vous pouvez répondre directement dans la fenêtre de chat du visiteur. Il n’a pas de boîte de réception partagée avec des sièges pour une équipe de support ; si c’est ce qu’il vous faut, voir chatbot IA ou chat en direct.

3. Combien de conversations, et que se passe-t-il au-delà de la limite

Les tarifs des chatbots se calculent de façons très différentes : par siège (chaque personne de votre équipe), par conversation, par message ou par « résolution » (chaque fois que l’IA règle une question). Estimez d’abord votre volume : regardez combien de messages via le formulaire de contact et d’e-mails de support vous recevez par mois, puis partez du principe que le chat en recevra davantage, car une fenêtre de chat est plus simple à utiliser qu’un formulaire.

Demandez ensuite ce qui se passe en cas de dépassement. Certains produits facturent chaque conversation au-delà du forfait ; d’autres cessent de répondre. Le nôtre ne facture aucun dépassement : au-delà de la limite, les nouveaux visiteurs sont invités à vous écrire par e-mail, et le compteur repart le 1er du mois. Les forfaits sont présentés dans la section tarifs : gratuit jusqu’à 30 conversations par mois, puis $19 pour 90, $59 pour 275, $199 pour 1 000 et $1,099 pour 6 000.

4. Confidentialité

Une fenêtre de chat tourne sur toutes les pages de votre site : lisez donc ce qu’elle collecte. Points à vérifier : dépose-t-elle des cookies (ce qui peut changer ce que doit dire votre bandeau cookies), où les conversations sont-elles stockées, pendant combien de temps, et fonctionne-t-elle uniquement sur votre propre domaine ? Notre widget ne dépose aucun cookie et ne répond que sur les domaines que vous avez enregistrés. Les détails sont dans notre politique de confidentialité.

L’installation, étape par étape

Voici les étapes avec notre assistant ; les autres produits suivent un ordre comparable.

  1. Inscrivez-vous avec votre e-mail. Allez sur la page d’inscription et saisissez votre adresse e-mail. Vous recevez un lien de connexion à usage unique ; aucun mot de passe à retenir.
  2. Indiquez l’adresse de votre site. Nous lisons ses pages publiques, ce qui prend généralement une minute environ, et les relisons chaque jour : les nouveaux produits et les conditions modifiées sont pris en compte sans que vous ayez à faire quoi que ce soit.
  3. Essayez-le sur-le-champ. Discutez avec votre assistant avant qu’il soit sur votre site. Le bilan de la boutique montre à quelles questions courantes votre site répond déjà, et auxquelles il ne répond pas.
  4. Copiez votre ligne de code. Votre tableau de bord affiche une seule balise script, avec l’identifiant de votre site.
  5. Collez-la dans votre site, avant la balise de fermeture </body>, pour qu’elle se charge sur toutes les pages. L’endroit exact dépend de votre plateforme (ci-dessous).
  6. Ouvrez votre site une fois. Le bouton de chat apparaît en bas à droite et votre tableau de bord affiche Connecté.
<script src="https://7x24hrs.com/widget.js" data-store="site_…" async></script>
Votre propre ligne, avec l'identifiant de votre site, est dans votre tableau de bord après l'inscription.

Où coller le code selon la plateforme

PlateformeOù va le codeBon à savoir
WordPressL’extension gratuite WPCode : Code Snippets → Header & Footer → FooterFonctionne avec tous les thèmes, classiques ou blocs.
WooCommerceComme pour WordPressL’assistant répond aux questions sur les produits et les conditions ; il ne consulte pas les commandes WooCommerce.
WixSettings → Custom code → Body - end, toutes les pagesLe code personnalisé s’exécute sur un site publié avec un domaine connecté.
SquarespaceLe panneau Code Injection → FooterL’injection de code est disponible sur les forfaits Core, Plus et Advanced.
WebflowSite settings → Custom code → Footer code, puis publicationLe code personnalisé nécessite un forfait de site ou de workspace payant.
BigCommerceStorefront → Script Manager → Create a Script, footerChoisissez Storefront pages pour qu’il ne s’affiche pas au moment du paiement.
ShopifyPas de code : installez l’application et activez-la sous App embeds dans l’éditeur de thèmeLes boutiques Shopify ont aussi le suivi de commande, la modification des commandes et l’ajout au panier.

Tout autre outil de création de site fonctionne de la même façon : cherchez un réglage nommé « code personnalisé », « code de pied de page », « scripts » ou « code de suivi ». Si vous modifiez vous-même vos modèles, placez la ligne dans la mise en page commune, juste avant </body>. Vous pouvez tester d’abord en local : le widget fonctionne aussi sur localhost.

Ne collez pas le code deux fois (par exemple dans le thème et dans une extension). Vous auriez deux boutons de chat, et tous les deux compteraient des conversations.

Vérifiez-le comme le ferait un visiteur

Avant d’en parler à qui que ce soit, ouvrez votre site dans une fenêtre de navigation privée, sur téléphone comme sur ordinateur, et posez les questions que vos clients posent vraiment. Une courte liste de tests :

  • une question produit dont la réponse précise figure sur votre site (« la grande taille est-elle en stock ? », « en quelle matière est-ce ? ») ;
  • une question sur vos conditions (« combien de temps ai-je pour le renvoyer ? ») ;
  • une question à laquelle votre site ne répond pas, par exemple un code promo que vous n’avez jamais publié. La bonne réponse est « je ne sais pas » avec un moyen de vous joindre, pas un code inventé ;
  • « puis-je parler à quelqu’un ? », puis vérifiez que le transfert est bien arrivé dans votre e-mail ou votre application de messagerie ;
  • la même question dans une autre langue utilisée par vos clients. L’assistant répond dans la langue dans laquelle le visiteur écrit.

Si une réponse est fausse, la correction se fait presque toujours sur votre site : la page manque, n’est pas claire ou contredit une autre page. Corrigez la page et l’assistant en tiendra compte à sa prochaine lecture de votre site.

La première semaine après la mise en ligne

  • Lisez les conversations. Pas toutes pour toujours, mais toutes pendant la première semaine. Vous découvrirez ce que les gens demandent et que vous n’avez jamais mis sur votre site.
  • Traitez la liste des questions restées sans réponse. Chacune est soit une page à rédiger, soit une question que vous acceptez volontiers de prendre en charge.
  • Vérifiez les transferts. Étaient-ce les bons ? Y avez-vous répondu assez vite ?
  • Surveillez votre compteur. Si vous approchez des 30 conversations gratuites par mois, décidez s’il faut passer à un forfait payant avant que les visiteurs soient invités à vous écrire par e-mail.

Questions

Faut-il savoir coder ?

Non. Vous copiez une ligne depuis votre tableau de bord et vous la collez dans un champ de réglages que votre outil de création de site possède déjà. Les pages d’intégration montrent exactement où, pour chaque plateforme.

Un chatbot va-t-il ralentir mon site ?

Notre script se charge en async : votre page ne l’attend pas pour s’afficher. Cela reste un script de plus sur la page ; si c’est important pour vous, mesurez la vitesse de votre page avant et après.

Dois-je l’entraîner ?

Non. Il lit vos pages publiques tout seul et les relit chaque jour. Pour changer ce qu’il dit, changez vos pages. Vous pouvez aussi corriger des réponses précises dans votre tableau de bord.

Peut-il consulter les commandes sur mon site ?

Seulement sur Shopify, où l’application lit les commandes et où le client donne le numéro de commande et l’adresse e-mail correspondante. Sur les autres sites, l’assistant répond à partir de vos pages publiques et vous transmet les questions sur les commandes.

Combien cela coûte-t-il ?

Gratuit jusqu’à 30 conversations par mois, avec une petite mention « Powered by 7x24hrs ». Les forfaits payants coûtent $19, $59, $199 et $1,099 par mois pour 90, 275, 1 000 et 6 000 conversations, sans dépassement facturé.