Mis à jour le 28 octobre 2026 pour le code personnalisé de Wix et le widget généré d’Agentkit.
Pour ajouter un chatbot Agentkit à Wix, copiez le code complet du Chat widget depuis Channels → Website embed et collez les deux balises script dans une seule entrée Custom Code de Wix. Publiez le site, puis vérifiez le widget et une réponse approuvée sur la page en ligne. Wix indique que le code personnalisé nécessite un site publié avec un domaine connecté. La connexion d’un domaine nécessite un forfait Premium payant de l’Éditeur Wix, comme l’explique le guide sur les domaines de Wix. Testez sur l’URL publiée, pas dans l’aperçu de l’éditeur. Les instructions de Wix sur le code personnalisé et le guide de configuration Wix d’Agentkit décrivent les deux côtés de l’installation.
Ce guide s’appuie sur la documentation actuelle d’Agentkit et de Wix. Nous n’avons pas installé de bot sur le site Wix d’un client ni mesuré la qualité de ses réponses. Agentkit publie ce guide et vend le chatbot décrit ici.
Choisir le bon emplacement
| Objectif du lecteur | Emplacement Wix | Canal Agentkit |
|---|---|---|
| Un bouton de chat flottant sur certaines pages ou sur tout le site | Tableau de bord Settings → Development & integrations → Custom Code | Chat widget, avec les deux balises script générées |
| Un panneau de chat complet dans une section de page | Éditeur Add Elements → Embed Code → Embed HTML | Iframe, avec le code iframe généré |
L’intégration HTML de Wix est elle-même un iframe. Elle affiche le contenu dans un élément de page, donc le redimensionnement de cet élément compte. Ce n’est pas le bon endroit pour un bouton flottant à l’échelle du site. Les instructions d’intégration visible de Wix expliquent l’élément de page. Les étapes ci-dessous utilisent le code personnalisé pour le widget flottant.
Préparer une réponse avant d’installer
Choisissez une question publique à laquelle votre site répond déjà, comme une zone de service, un horaire d’ouverture ou une règle de retour publiée. Enregistrez l’URL source exacte et une réponse approuvée. Ajoutez cette page comme source de site web Agentkit, puis posez la question dans le Playground. Comparez la réponse à la page actuelle. Si le fait important se trouve dans une image ou sur une page que le robot d’exploration n’a pas extraite, ajoutez une paire Q&R approuvée et testez à nouveau. Le guide d’entraînement explique comment vérifier les sources extraites.
Choisissez aussi une question à laquelle vos sources ne peuvent pas répondre. Décidez ce que le bot doit dire ou quel moyen de contact il doit indiquer. Vérifiez la réponse réelle par rapport à votre politique approuvée avant le lancement.
Installer le widget flottant dans Wix
- Dans Agentkit, ouvrez Channels → Website embed → Chat widget de votre chatbot. Copiez le code généré complet. Le premier script configure la file d’attente du widget ; le second charge le widget pour votre chatbot. Gardez-les ensemble et utilisez l’URL du script et l’ID du chatbot tels que fournis.
- Dans le tableau de bord de votre site Wix, ouvrez Settings → Development & integrations → Custom Code, puis sélectionnez + Add Custom Code. Vérifiez que votre forfait Wix prend en charge le domaine connecté et que le site est publié.
- Collez les deux balises script dans une seule entrée de code. Donnez-lui un nom reconnaissable. Choisissez All pages pour un widget à l’échelle du site, ou Choose specific pages pour un lancement plus restreint. Pour All pages, choisissez load on each page your visitor opens, comme le précise le guide Wix d’Agentkit.
- Sous Place Code in, choisissez Body - end et cliquez sur Apply. Le guide Wix d’Agentkit utilise cet emplacement. Si vous avez activé les restrictions de domaine Agentkit, ajoutez le domaine Wix publié à la liste autorisée. Publiez votre site Wix.
- Ouvrez la page publiée sur son domaine connecté dans une nouvelle session de navigateur. Confirmez que le bouton de chat apparaît, s’ouvre et accepte un message. Répétez sur un écran de la taille d’un téléphone. Wix exige un site publié pour le code personnalisé, donc inspectez l’URL publiée.
Si vous changez plus tard le domaine connecté du site, vérifiez à nouveau l’entrée de code personnalisé. Wix indique que les extraits sont liés au domaine et sont supprimés lorsque le domaine attribué change. Réinstallez le code généré si nécessaire.
Pour un panneau de chat fixe, copiez plutôt le code Iframe généré dans Agentkit. Dans l’Éditeur Wix, utilisez Add Elements → Embed Code → Embed HTML, collez le code iframe HTTPS, dimensionnez l’élément pour ordinateur et mobile, publiez et testez la page en ligne. Le guide d’intégration de Wix couvre l’élément de page.
Vérifier le résultat avant d’inviter des visiteurs
Ce qui suit est une proposition de contrôle d’acceptation, pas un résultat issu d’une installation Wix.
| Contrôle | Quoi noter | Condition de réussite |
|---|---|---|
| Installation | URL Wix publiée, résultat sur ordinateur et mobile | Le bouton apparaît et le chat s’ouvre sur les pages prévues |
| Question approuvée | Question, URL source, réponse attendue, réponse réelle | La réponse concorde avec la source approuvée actuelle |
| Question inconnue | Question et réponse réelle | Le bot n’invente pas de politique ; le moyen de contact convenu est clair |
| Périmètre | Une page Wix incluse et une page exclue, si vous utilisez des pages spécifiques | Le widget n’apparaît que là où il est sélectionné |
| Domaine | Domaine connecté et paramètre de domaines autorisés d’Agentkit | Le domaine publié est autorisé et le widget se charge |
Si le bouton est absent, confirmez d’abord que l’extrait est actif, que le site est publié sur le domaine connecté, que l’entrée contient les deux balises générées, et que les pages Wix choisies incluent la page que vous avez ouverte. Vérifiez les restrictions de domaine Agentkit si le script est présent mais que le widget ne peut pas se charger. Si le bouton fonctionne mais qu’une réponse est fausse, inspectez la source et retestez dans le Playground avant de modifier le code d’intégration.
Pour un changement de source important, réentraînez la source de site web concernée et répétez le contrôle de la question approuvée. Une actualisation planifiée ou une exploration réussie ne confirme pas à elle seule la réponse que les visiteurs voient désormais.
Vérifiez la page publiée, le chatbot sélectionné et la réponse approuvée avant d’inviter des visiteurs. Si vous partez de zéro, créez un chatbot Agentkit, préparez un petit ensemble de sources publiques, puis utilisez le code généré ci-dessus.
