Vous pouvez créer un chatbot de site web Agentkit sans écrire d'application. Ajoutez des pages ou des fichiers approuvés, choisissez comment l'agent doit répondre, testez-le dans le Playground, puis copiez les deux balises script générées dans la zone de code de votre site. La dernière étape est un test sur la page publiée. Une bulle de chat qui apparaît dans l'éditeur ne prouve pas que les visiteurs peuvent l'utiliser.
Vous avez besoin d'un compte Agentkit, de contenu que vous êtes autorisé à utiliser et de la permission d'ajouter du code personnalisé à votre site web. Si le forfait de votre site ou votre rôle ne permet pas de publier des scripts, un iframe intégré peut être une option là où les intégrations sont autorisées. Vérifiez les règles de votre site avant de commencer.
1. Commencez par une question et sa réponse approuvée
Choisissez trois questions que les visiteurs posent réellement. Prenez une question courante, une question dont la réponse dépend d'une politique en vigueur et une question à laquelle vos sources ne répondent pas. Notez pour chacune la réponse approuvée ou le canal de contact humain. Ce petit corrigé vous donne quelque chose de concret à vérifier ensuite.
Par exemple, une boutique pourrait demander : « Quand puis-je retourner un article soldé ? » Utilisez sa politique de retour en vigueur comme source de réponse. Si la politique ne couvre pas les articles soldés, la réponse acceptable est de dire que l'agent ne peut pas confirmer la règle et de renvoyer le visiteur vers la boutique. L'exemple est un schéma de test, pas une affirmation sur la politique d'une boutique en particulier.
2. Créez l'agent et ajoutez des sources
Créez un compte, ouvrez le tableau de bord et choisissez Add AI agent. L'assistant de configuration vous guide à travers Link, Sources, Design et AI. Vous pouvez lui donner l'URL de votre site ou ajouter des sources manuellement. Dans Sources, sélectionnez les quelques pages qui contiennent vos réponses approuvées. Ajoutez un fichier, un extrait de texte ou une paire question-réponse uniquement s'il apporte une réponse que ces pages n'ont pas. Le guide des sources explique les types de sources disponibles.
Vérifiez ce que le robot d'exploration a inclus. Une URL de site ne garantit pas que chaque page soit utilisable, à jour ou approuvée. Évitez d'ajouter des versions de politique en double ou contradictoires. Après un changement de politique, mettez à jour la source concernée et retestez sa question. Le réentraînement automatique payant actualise les URL de site déjà indexées ; il ne découvre pas toutes les nouvelles pages et ne remplace pas les fichiers téléversés à votre place. Le guide des sources de site web explique cette limite.
3. Définissez le design et les règles de réponse
Dans Design, définissez un nom reconnaissable, une couleur et un message d'ouverture. Dites aux visiteurs ce que l'agent peut répondre. Dans AI, choisissez parmi les modèles actuellement proposés dans votre compte et rédigez de courtes instructions sur le périmètre et l'incertitude. Les noms de modèles et l'accès selon le forfait changent, utilisez donc le sélecteur de votre espace de travail plutôt qu'une liste statique dans un article.
Une instruction utile est : « Réponds aux questions sur notre politique de retour publiée en utilisant les sources fournies. Si un détail manque ou si les sources se contredisent, dis que tu ne peux pas le confirmer et renvoie le visiteur vers [canal de support]. » Remplacez le texte entre crochets par un canal que votre équipe surveille réellement. Les instructions guident le comportement ; elles ne peuvent pas rendre vrai un contenu source manquant ou contradictoire.
Terminez l'assistant et ouvrez le Playground. Posez vos trois questions, puis une question de suivi qui modifie un détail important. Comparez chaque réponse avec votre corrigé écrit. Corrigez la source ou les instructions et répétez le test si une réponse est fausse. Si l'agent propose une capture de leads ou une action, testez sa destination réelle avant de l'activer pour les visiteurs ; une promesse dans la conversation ne constitue pas à elle seule un transfert accompli.
4. Installez le code de widget généré
Ouvrez la page Channels → Website embed de l'agent, sélectionnez Chat widget et activez le canal. Copiez le code complet généré pour votre agent. Il contient une courte balise d'amorçage de la file de commandes suivie d'une balise de chargement asynchrone avec votre ID d'agent et l'URL de widget configurée. Collez les deux balises ensemble dans le champ de code du pied de page de votre site ou dans le modèle HTML partagé, avant </body>. Publiez le site. Ne copiez pas un ID ou une URL de script depuis un article d'exemple.
Si vous voulez un panneau de chat dans une section de page plutôt qu'une bulle flottante, activez Iframe sur la même page Website embed et utilisez le code iframe qu'elle génère. Pour le placement selon la plateforme, suivez le guide actuel du widget JavaScript, de React et Next.js, de WordPress, de Webflow ou de Framer. Ajoutez le code du widget une seule fois par page rendue.
5. Vérifiez la page publique
Ouvrez l'URL publiée dans une nouvelle fenêtre de navigateur, y compris sur un téléphone. Tenez ce court registre de recette :
| Vérification | Résultat attendu | En cas d'échec |
|---|---|---|
| Source de la page | Les deux balises de widget générées apparaissent une fois | Vérifiez l'autorisation de placement de code du site, l'étape de publication et le cache. |
| Le chat s'ouvre | La bulle s'ouvre et accepte un message | Vérifiez que Chat widget est activé et que le script se charge. |
| Question connue | La réponse concorde avec la source approuvée | Corrigez la source ou les instructions, puis retestez. |
| Question inconnue | L'agent évite d'inventer une politique et propose le vrai canal de contact | Ajoutez un canal d'escalade explicite et testez à nouveau. |
| Transfert humain | Le lien de contact, le formulaire ou l'action atteint la destination prévue | Corrigez la destination avant le lancement. |
Si le widget apparaît dans le Playground mais pas sur le domaine public, vérifiez les restrictions de domaine en plus du code généré. Si la bulle s'ouvre mais ne peut pas répondre, vérifiez le traitement des sources et votre quota de messages. Notez l'URL de test, la question, la réponse observée et la date afin de pouvoir répéter la même vérification après une mise à jour de source.
Un lancement sans code exige toujours la maîtrise des sources et la relecture des réponses. Commencez avec un ensemble de questions restreint, publiez et examinez les vraies conversations pour repérer les lacunes. Si vous voulez essayer ce flux de travail, créez un compte Agentkit et testez le widget publié avant d'y diriger des visiteurs.
