Ajouter des agents IA à Webflow avec ASDK

Les sites Webflow sont souvent construits par un designer ou une agence, puis confiés à une équipe marketing qui les tient à jour. ASDK s’intègre bien à ce fonctionnement : il s’ajoute une fois, sous forme de code de pied de page pour tout le site, et ensuite tout ce qui concerne les agents, des couleurs aux textes en passant par les agents activés, se règle dans le tableau de bord ASDK, sans retoucher le projet Webflow.

Ce qu’ASDK apporte à un site Webflow

ASDK construit une base de connaissances unique à partir de vos pages publiées, y compris les pages de vos collections CMS, et des documents que vous importez. Chaque agent que vous activez y puise ses réponses.

• Chat (accès anticipé, dès le forfait Free) répond aux visiteurs à partir de votre contenu, renvoie vers les pages dont provient chaque réponse et propose de prendre leurs coordonnées quand il ne peut pas les aider.
• Sales (accès anticipé, à partir du forfait Pro) pose les questions de qualification que vous rédigez en langage courant et propose un rendez-vous aux visiteurs qui correspondent.
• Agent-Ready (accès anticipé, dès le forfait Free) publie ce que sait votre base de connaissances dans des formats que les assistants IA lisent bien, comme un fichier llms.txt hébergé.
• Search arrive bientôt. Il répondra à la place d’un champ de recherche, sources à l’appui.

Comme le widget tient en un seul script, il ne modifie ni votre mise en page, ni vos classes, ni vos interactions. Il ajoute un bouton de chat dans un coin de la page, dont la position et la couleur se règlent depuis le tableau de bord.

Un exemple sur un site Webflow

Imaginez un petit studio de design dont le site Webflow présente ses services, quelques études de cas et une page « Démarrer un projet ». Un visiteur de la page services demande : « Migrez-vous des sites depuis WordPress, et combien cela coûte-t-il à peu près ? »

Chat trouve la page du service de migration et la section des tarifs, répond en deux ou trois phrases et renvoie vers les deux pages. Si le studio a activé Sales, l’agent pose ensuite l’une des questions de qualification du studio, comme la taille du site actuel ou la date de lancement, et propose un rendez-vous quand les réponses correspondent aux règles du studio.

Si le site ne dit rien des prix de migration, l’agent le dit au lieu d’inventer un chiffre, et propose de transmettre la question avec l’e-mail du visiteur. Le studio découvre que sa page de tarifs a une lacune, qu’il vaut la peine de combler pour tous les visiteurs, pas seulement pour ceux qui utilisent le chat.

Le forfait Webflow nécessaire

Selon l’aide de Webflow (vérifiée en octobre 2026), Webflow n’exécute le code personnalisé que sur les sites dotés d’un Site plan payant ou dans un Workspace payant. Avec le forfait gratuit Starter de Webflow, les champs de code personnalisé ne peuvent pas être enregistrés : ASDK ne peut donc pas s’y charger. Si ces champs sont verrouillés dans votre projet, c’est la raison.

Les forfaits d’ASDK sont indépendants : le forfait Free comprend Chat et Agent-Ready, et la page des tarifs présente le reste.

Installer ASDK sur Webflow

<script async src="https://cdn.asdk.com/v1/asdk.js" data-site-id="SITE_ID"></script>

Si une agence a construit votre site, la page Install peut lui envoyer par e-mail l’extrait et les étapes Webflow, et les réponses vous parviennent.

Ce qui est disponible et ce qui arrive bientôt

ASDK dans son ensemble est en accès anticipé : les agents fonctionnent et vous pouvez les utiliser, mais ils peuvent évoluer à mesure que nous les améliorons.

Les détails Webflow à connaître

• Pour tout le site, pas page par page. Utilisez le code de pied de page des Site settings pour que chaque page reçoive le widget. Le code personnalisé au niveau d’une page exigerait l’extrait sur chaque page, et les pages oubliées n’auraient pas de widget.
• Adresses de préproduction. La vérification de l’installation n’ouvre que des pages situées sur les domaines propres de votre site. Pour vérifier une page webflow.io, ajoutez d’abord cette adresse aux domaines autorisés de votre site dans ASDK, ou vérifiez plutôt le domaine personnalisé.
• Des options par page. L’extrait accepte les attributs data-position, data-locale et data-open. Une page de tarifs pourrait par exemple ouvrir le chat au chargement, et pas le reste du site. Le guide HTML liste les options.
• Content Security Policy. Les sites Webflow en envoient rarement, mais si votre configuration ajoute une politique via un proxy ou un CDN, autorisez https://cdn.asdk.com pour les scripts et https://api.asdk.com pour les connexions. Voir Content Security Policy.

Obtenir de meilleures réponses d’un site Webflow

Webflow permet de concevoir facilement des pages où le texte se trouve dans des onglets, des carrousels et des effets de survol. C’est joli, mais un agent, comme un moteur de recherche, lit ce qui figure dans le HTML de la page. Quelques habitudes aident :

• Gardez les faits clés en vrai texte. Prix, limites des offres, zones desservies et délais doivent figurer en texte sur la page, pas seulement dans des images ou des animations Lottie.
• Utilisez le CMS pour les faits récurrents. Une collection de services ou d’adresses, chacun avec sa propre page, donne à l’agent une source claire par sujet.
• Ne cachez pas les réponses derrière des interactions uniquement. Le contenu des onglets fermés figure en général dans le HTML et reste lisible ; un contenu chargé depuis un autre service seulement après un clic peut ne pas l’être.
• Donnez à chaque page un titre et un intitulé clairs. Cela aide l’agent à citer la bonne page, et les visiteurs à faire confiance au lien.

Notre guide pour ajouter un assistant à WordPress, Webflow et Wix compare les plateformes, et entraîner un chatbot sur le contenu de votre site explique comment préparer vos pages pour n’importe quel assistant.