Comment créer un agent IA pour votre site web en 7 étapes

Un agent IA sur votre site web fait bien plus que répondre aux questions. Il comprend votre activité, guide les visiteurs vers la bonne information, capture des prospects quand l’intention est forte et travaille sans interruption, jour et nuit. Contrairement à une simple page de FAQ ou à un chatbot statique aux réponses scriptées, un agent IA utilise des grands modèles de langage pour tenir des conversations naturelles ancrées dans votre contenu réel.

Ce guide vous accompagne dans la création d’un agent IA de site web à partir de zéro avec Agentkit. Aucune compétence en programmation requise. À la fin, vous aurez un agent fonctionnel qui connaît votre activité, correspond à votre marque et est en ligne sur votre site.

Ce que fait réellement un agent IA de site web

Avant d’en créer un, comprenez ce qu’un agent IA apporte à votre site web que d’autres outils n’apportent pas.

Capacités clés

Un agent IA se situe à l’intersection du support, de la vente et de la navigation. Ce n’est pas juste un service d’assistance. C’est un membre d’équipe toujours disponible qui connaît tout de votre activité.

Prérequis

Avant de commencer, assurez-vous d’avoir :

• Un site web où vous voulez déployer l’agent (tout site web autorisant du JavaScript personnalisé)
• Du contenu sur lequel entraîner l’agent (l’URL de votre site web est le minimum ; les documents, la FAQ et les descriptions de produits améliorent la qualité)
• Un objectif clair pour l’agent (support, vente, guidage produit, ou une combinaison)
• 15 à 45 minutes pour la configuration complète

Vous n’avez pas besoin de :

• Compétences en programmation
• Expertise en IA ou en apprentissage automatique
• Infrastructure serveur
• Clés API pour les modèles d’IA (Agentkit les gère pour vous)

Étape 1 : créez votre agent

Inscrivez-vous sur Agentkit et créez votre premier chatbot. Le forfait Free vous donne 50 messages par mois avec un chatbot, ce qui suffit pour configurer, tester et valider avant de vous engager sur un forfait payant.

Depuis votre tableau de bord :

1. Cliquez sur Créer un chatbot.
2. Donnez-lui un nom (c’est interne ; les visiteurs ne le verront pas, sauf si vous choisissez de l’afficher).
3. Sélectionnez votre modèle d’IA principal. Bons choix de départ :
   • GPT-4o Mini pour des réponses rapides et économiques sur la plupart des sujets
   • GPT-4o pour un raisonnement plus nuancé et des questions complexes
   • Claude Sonnet pour des réponses conversationnelles au ton naturel
   • Gemini Pro pour gérer des contextes plus longs et des conversations à plusieurs échanges

Vous pouvez changer de modèle plus tard sans réentraînement, alors ne vous prenez pas trop la tête sur cette étape.

Étape 2 : ajoutez vos sources de connaissances

Votre agent n’est aussi bon que l’information à laquelle il a accès. Agentkit prend en charge quatre types de sources, et les agents les plus performants combinent plusieurs d’entre elles.

Exploration du site web (commencez ici)

Saisissez l’URL de votre site web et laissez l’outil d’exploration indexer vos pages. C’est le moyen le plus rapide de donner à votre agent une connaissance large de votre activité.

1. Allez dans l’onglet Sources de votre chatbot.
2. Cliquez sur Ajouter une source et sélectionnez Site web.
3. Saisissez votre URL de départ (généralement votre page d’accueil).
4. Choisissez la portée de l’exploration :
   • Page unique : uniquement cette URL
   • Sous-répertoire : toutes les pages sous un chemin (par exemple, /docs/ ou /help/)
   • Site complet : toutes les pages que l’outil d’exploration peut atteindre

Pour la plupart des entreprises, commencez par une exploration du site complet. Vous pourrez retirer les pages non pertinentes ensuite.

Ce qu’il faut explorer :

• Pages produit et service
• Page de tarification
• FAQ et centre d’aide
• Page à propos et informations sur l’entreprise
• Articles de blog au contenu pérenne

Ce qu’il faut éviter :

• Pages de connexion et d’administration
• Pages de paiement et de panier
• Articles de blog contenant des informations périmées
• Pages peu fournies (archives de tags, catégories vides)

Documents

Importez des PDF, des documents Word ou des fichiers texte contenant des informations qui ne figurent pas sur votre site web.

Bons candidats : fiches produit, manuels du personnel, documents de politique interne, guides utilisateur, fiches techniques.

Paires Q&R

Rédigez des paires questions-réponses précises pour les sujets où vous avez besoin d’un contrôle exact sur la réponse. La tarification, les politiques de remboursement et les fonctionnalités souvent mal comprises sont de bons candidats.

Les paires Q&R sont prioritaires sur le contenu exploré, alors utilisez-les pour vos questions les plus importantes. Consultez Comment entraîner un chatbot pour les bonnes pratiques détaillées sur la rédaction de paires efficaces.

Extraits de texte

Collez du texte brut pour des ajouts rapides : promotions en cours, annonces saisonnières, messages de marque, ou actualités récentes.

Stratégie de sources recommandée

Étape 3 : personnalisez l’apparence de l’agent

Votre agent devrait avoir l’air d’appartenir à votre site web, pas d’être un outil tiers déposé là.

Paramètres visuels

Configurez-les dans l’onglet Paramètres du chatbot :

• Couleur principale : reprenez la couleur principale de votre marque
• Position : en bas à droite (par défaut) ou en bas à gauche
• Message de bienvenue : la première chose que les visiteurs voient à l’ouverture du chat. Rendez-le précis : « Bonjour, je peux vous aider à trouver le bon forfait, répondre aux questions sur nos fonctionnalités, ou vous accompagner dans vos premiers pas. Que recherchez-vous ? »
• Avatar : téléversez votre logo ou une icône personnalisée
• Image de marque : sur les forfaits payants, vous pouvez retirer la mention Agentkit pour que l’agent apparaisse en marque blanche complète

Comportement du widget

• Ouverture automatique : choisissez si la fenêtre de chat s’ouvre automatiquement ou attend que le visiteur clique
• Messages suggérés : des suggestions de questions apparaissant comme des boutons cliquables, guidant les visiteurs vers les sujets courants

Un message de bienvenue percutant et des messages suggérés bien choisis augmentent significativement l’engagement. Les visiteurs qui voient « Posez-moi n’importe quelle question » ne savent souvent pas par où commencer. Les visiteurs qui voient des invites précises comme « Quels forfaits proposez-vous ? » et « Comment démarrer ? » cliquent immédiatement.

Étape 4 : configurez les actions

Les actions définissent ce que votre agent peut faire au-delà de répondre aux questions. Agentkit propose cinq types d’actions :

Configurer la collecte de prospects

Pour la plupart des entreprises, la collecte de prospects est l’action à plus forte valeur. Configurez-la dans l’onglet Actions :

1. Sélectionnez Collecter des prospects.
2. Choisissez vos champs : e-mail (obligatoire), nom, entreprise, téléphone, ou champs personnalisés.
3. Rédigez l’instruction de prompt système qui indique à l’agent quand déclencher la collecte de prospects. Par exemple : « Après avoir répondu à la question du visiteur sur la tarification ou les fonctionnalités, proposez de lui envoyer un guide comparatif et demandez son e-mail. »

Réduisez au minimum les champs obligatoires. Chaque champ obligatoire supplémentaire réduit les taux de complétion. L’e-mail seul suffit pour commencer. Vous pouvez recueillir davantage d’informations via des conversations de suivi ou par e-mail.

Pour une exploration plus approfondie des stratégies de collecte de prospects, consultez Comment utiliser les chatbots pour la génération de prospects.

Configurer les messages suggérés

Ajoutez 3 à 5 messages suggérés couvrant les questions les plus courantes de vos visiteurs :

• « Que proposez-vous ? »
• « Combien ça coûte ? »
• « Comment démarrer ? »
• « Puis-je voir une démo ? »
• « Qu’est-ce qui vous différencie ? »

Ils apparaissent comme des boutons cliquables lorsque le visiteur ouvre le chat, ce qui facilite le démarrage d’une conversation.

Étape 5 : rédigez les instructions de l’agent

Le prompt système est la configuration la plus importante que vous rédigerez. Il façonne chaque réponse de votre agent. Investissez du temps ici.

Composants essentiels

Votre prompt système a besoin de cinq éléments :

1. Identité : « Vous êtes l’assistant IA de [Nom de l’entreprise]. Vous aidez les visiteurs du site web à comprendre nos produits, à trouver le bon forfait, et à obtenir des réponses à leurs questions. »

2. Ton : « Soyez amical, direct et professionnel. Utilisez des phrases courtes. Évitez le jargon. Ne commencez pas les réponses par des formules de remplissage comme “Excellente question !” ou “Absolument !” »

3. Limites : « Répondez uniquement aux questions concernant [Nom de l’entreprise] et nos produits. Si l’on vous interroge sur des sujets hors de votre périmètre, dites : “Je suis spécialisé dans [Nom de l’entreprise]. Pour ce sujet, je vous suggère [ressource alternative]. Comment puis-je vous aider avec nos produits ?” N’inventez jamais d’information. »

4. Format : « Limitez les réponses à 120 mots. Utilisez des puces pour les listes. Incluez les liens pertinents quand ils sont disponibles. »

5. Escalade : « Si un visiteur est frustré, présentez vos excuses pour la gêne occasionnée et fournissez notre e-mail de support : [e-mail]. Pour les problèmes de facturation ou de compte, orientez toujours vers l’équipe de support. »

Pour des modèles détaillés et des techniques avancées, consultez L’ingénierie de prompt pour chatbot.

Calibrage du ton

Le ton que vous définissez dans le prompt système devrait correspondre à votre marque. Voici quelques points de repère :

Étape 6 : testez dans le Playground

Avant de mettre en ligne, testez votre agent en profondeur dans le Playground. C’est votre bac à sable pour repérer les problèmes avant que les visiteurs ne le fassent.

Checklist de test

Ce qu’il faut corriger pendant les tests

Réponses incorrectes : ajoutez ou mettez à jour des paires Q&R pour les questions précises qui obtiennent des réponses erronées. Les paires Q&R priment sur le contenu exploré.

Information manquante : ajoutez le contenu pertinent via l’exploration du site web, l’import de documents, ou des extraits de texte.

Mauvais ton : ajustez la section consacrée au ton de votre prompt système. Ajoutez des exemples de réponses si le modèle ne correspond pas à la voix souhaitée.

Trop verbeux : ajoutez des limites de nombre de mots à la section consacrée au format de votre prompt système.

Collecte de prospects trop insistante : ajustez le timing de déclenchement. Déplacez-le plus tard dans la conversation ou changez la formulation pour la rendre plus orientée valeur.

Étape 7 : intégrez l’agent à votre site web

Une fois que votre agent a passé les tests, déployez-le sur votre site web. Agentkit propose quatre méthodes d’intégration :

Widget JavaScript (recommandé)

Ajoutez une ligne de code à votre site web, juste avant la balise fermante </body> :

<script
  src="https://cdn.agentkit.ai/widget.js"
  data-chatbot="YOUR_CHATBOT_ID"
  async>
</script>

C’est la méthode la plus rapide et elle fonctionne sur n’importe quel site web : HTML statique, WordPress, Shopify, Squarespace, Wix, Webflow, ou tout CMS personnalisé. Le widget se charge de manière asynchrone et n’affecte pas la vitesse de votre page.

Composant React

Si votre site est construit avec React, utilisez le composant React d’Agentkit pour une intégration plus étroite :

import { AgentiChatbot } from '@agentkit/react';

function App() {
  return <AgentiChatbot chatbotId="YOUR_CHATBOT_ID" />;
}

Plugin WordPress

Si vous utilisez WordPress, installez le plugin Agentkit depuis le répertoire des plugins WordPress. Saisissez l’identifiant de votre chatbot dans les paramètres du plugin, et le widget apparaît automatiquement sur chaque page. Consultez Comment ajouter un chatbot à WordPress pour un guide complet.

Iframe

Pour les situations où JavaScript est restreint, intégrez le chatbot en tant qu’iframe :

<iframe src="https://cdn.agentkit.ai/embed/your-chatbot-id" width="400" height="600"></iframe>

Cette méthode vous donne moins de contrôle sur le positionnement mais fonctionne dans les environnements qui restreignent les scripts externes.

Après le lancement : optimisation continue

Déployer votre agent n’est pas la ligne d’arrivée. Les meilleurs agents IA s’améliorent en continu à partir des données de conversation réelles.

Semaine 1 : surveillez de près

• Passez en revue chaque conversation dans vos journaux de conversation
• Notez les questions auxquelles l’agent répond mal ou ne peut pas répondre
• Ajoutez des paires Q&R ou des sources supplémentaires pour combler les lacunes
• Vérifiez que la collecte de prospects se déclenche aux bons moments

Semaines 2 à 4 : itérez sur les données d’entraînement

• Ajoutez les 10 principales questions sans réponse comme paires Q&R
• Étendez l’exploration du site web aux pages initialement ignorées
• Importez des documents couvrant plus en profondeur les sujets fréquemment demandés
• Affinez votre prompt système à partir des observations sur le ton et le format

Mensuel (en continu) :

• Passez en revue les analyses des tendances de volume de conversation
• Auditez les sources d’entraînement à la recherche de contenu obsolète
• Mettez à jour les paires Q&R quand les produits, tarifs ou politiques changent
• Testez avec de nouvelles questions à mesure que votre activité évolue

Sur les forfaits Standard ($119.99/mois) et Pro ($399.99/mois), le réentraînement automatique maintient vos sources web à jour automatiquement.

Avancé : intégration API et webhooks

Une fois que votre agent fonctionne bien, étendez ses capacités avec des intégrations.

Webhooks

Configurez des webhooks pour envoyer des données d’événement à vos systèmes lorsque des actions spécifiques se produisent :

• Nouveau prospect capturé : transmettez les coordonnées à votre CRM
• Conversation terminée : consignez les données de conversation dans votre plateforme d’analyse
• Formulaire personnalisé soumis : acheminez les données du formulaire vers votre système de gestion de tickets

Les webhooks envoient une requête POST avec des données JSON vers n’importe quelle URL que vous spécifiez.

Zapier

Connectez votre agent à plus de 5 000 applications sans code. Workflows courants :

• Prospect capturé dans Agentkit, création d’un contact dans HubSpot
• Prospect capturé dans Agentkit, envoi d’une notification Slack au canal des ventes
• Conversation terminée, ajout d’une ligne à Google Sheets pour le suivi

Zapier est disponible sur les forfaits Hobby ($29.99/mois) et supérieurs.

API REST

Construisez des intégrations personnalisées avec l’API REST d’Agentkit. Récupérez les données de conversation, gérez vos chatbots par programmation, et intégrez-les à vos outils internes. L’API est disponible sur les forfaits Hobby et supérieurs.

Pour un guide complet des options d’intégration, consultez Intégrations API de chatbot.

Questions fréquentes

Combien de temps prend la configuration ?

La configuration de base (créer l’agent, ajouter une source site web, personnaliser, intégrer) prend 15 à 30 minutes. Ajouter des paires Q&R, des documents, et affiner le prompt système ajoute 15 à 30 minutes supplémentaires. La plupart des gens ont un agent fonctionnel en ligne sur leur site en moins d’une heure.

Combien de messages consomme un agent IA ?

Cela dépend du trafic et de l’engagement des visiteurs. Un petit site d’entreprise pourrait utiliser 200 à 500 messages par mois. Un site à fort trafic avec un agent bien configuré pourrait en utiliser 5 000 à 20 000. Commencez avec le forfait Free (50 messages) pour jauger le volume, puis passez à un forfait supérieur selon vos besoins.

Puis-je utiliser l’agent pour plusieurs usages ?

Oui. Un seul agent peut gérer des questions de support, capturer des prospects et guider les visiteurs vers le bon contenu. Le prompt système définit les priorités. Si le support est prioritaire, mettez l’accent sur des réponses précises. Si la génération de prospects est prioritaire, mettez l’accent sur la qualification et la capture.

Que se passe-t-il si l’agent ne connaît pas la réponse ?

Si l’agent ne trouve pas d’information pertinente dans ses données d’entraînement, il suit les instructions de repli de votre prompt système. Un bon repli oriente le visiteur vers une ressource alternative (e-mail de support, centre d’aide, numéro de téléphone) plutôt que de deviner.

Puis-je changer de modèle d’IA plus tard ?

Oui. Passez d’un modèle à l’autre parmi les 12 disponibles (familles GPT, Claude, Gemini) depuis la page des paramètres. Aucun réentraînement requis. C’est utile pour tester quel modèle produit les meilleures réponses pour votre contenu.

L’essentiel à retenir

Créer un agent IA pour votre site web n’est plus un projet d’ingénierie de plusieurs mois. Le processus est simple : créer, entraîner, personnaliser, configurer les actions, rédiger les instructions, tester et déployer. Le vrai travail commence après le lancement, quand vous utilisez les données de conversation pour améliorer en continu les connaissances et le comportement de l’agent.

Commencez simple. Une source site web, un prompt système clair et quelques messages suggérés. Mettez l’agent en ligne, observez les conversations et améliorez à partir de là. Un agent basique qui s’améliore chaque semaine surpassera un agent trop sophistiqué qui ne sera jamais lancé.

Créez votre agent IA gratuitement →

Aucune carte bancaire requise.