Webflow

Utilisez la page Canaux → Intégration au site web → Widget de chat de votre agent pour copier le code d'intégration généré complet. Il contient le script d'amorçage et le script du widget avec votre ID d'agent et l'URL actuelle du widget. N'utilisez pas une URL de script copiée depuis un exemple plus ancien.

Le guide du code personnalisé de Webflow indique que le code personnalisé de site ou de page nécessite un Workspace Core, Growth, Agency ou Freelancer, ou un site avec un plan de site actif. Un Site manager ou un Designer doit l'ajouter. Vérifiez le plan et les accès de votre site avant de commencer.

Ajouter le widget sur tout votre site

1. Dans Agentkit, activez Widget de chat sur Canaux → Intégration au site web et copiez les deux balises script générées.
2. Dans Webflow, ouvrez Site settings → Custom code.
3. Collez le code complet dans Footer code, avant la balise de fermeture </body>. N'ajoutez pas de seconde copie sur des pages individuelles.
4. Enregistrez les modifications, puis publiez sur le domaine que vous voulez tester.
5. Ouvrez une page publiée et envoyez une question dont vous avez déjà vérifié la réponse auprès d'une source approuvée. Confirmez que le widget se charge et que la réponse est correcte.

Footer code s'applique à l'ensemble du site. Webflow autorise aussi les scripts dans Head code, mais son guide recommande de placer les scripts avant </body> quand c'est possible. Utilisez le code généré par Agentkit plutôt que de modifier son URL ou son ID. Pour les vérifications générales d'intégration, consultez le guide d'intégration sur site web.

Ajouter le widget à une seule page

Si le widget ne doit apparaître que sur une seule page, ne l'ajoutez pas dans Site settings. Dans le Designer Webflow, ouvrez Page settings → Custom code → Before </body> tag de cette page, collez les deux balises script générées, enregistrez et publiez. Webflow insère le code de page après le code de l'ensemble du site, donc ajouter le même widget aux deux endroits le chargerait deux fois.

Tester le site publié

Webflow indique que le code personnalisé peut s'exécuter dans l'aperçu du Designer, mais les modifications n'atteignent pas les visiteurs tant que vous n'avez pas publié. Testez d'abord le domaine de staging publié *.webflow.io si votre flux de travail le permet, puis le domaine personnalisé que vous comptez utiliser. Si vous avez des restrictions de domaine, autorisez chaque domaine que vous testez réellement.

Si le widget est absent, vérifiez que Widget de chat est activé dans Agentkit, que le code complet apparaît dans la source de la page publiée, que l'URL du script se charge dans le navigateur et que vous avez publié le domaine Webflow prévu. Si le champ de code n'est pas disponible, vérifiez votre Workspace ou plan de site Webflow et votre rôle au regard des règles d'accès actuelles de Webflow. Si le widget apparaît mais qu'une réponse échoue, vérifiez les sources et les restrictions de domaine de l'agent.

Pour un panneau de chat à l'intérieur d'une section de page plutôt qu'une bulle flottante, activez le canal Iframe séparé et suivez le guide iframe.