Documentation

Webflow

Ajoutez votre agent à un site Webflow via Custom Code, dans Project Settings.

Ajoutez votre agent IA à n’importe quel site Webflow en collant le code d’intégration dans Project Settings → Custom Code. Le code se charge automatiquement sur toutes les pages.

Commencez par récupérer votre code d’intégration depuis Agent > Publier dans le tableau de bord.

Configuration rapide

  1. Ouvrez votre projet dans le Webflow Designer.
  2. Cliquez sur l’icône en forme de roue dentée (Project Settings) dans la barre latérale gauche.
  3. Allez dans l’onglet Custom Code.
  4. Faites défiler jusqu’à Footer Code (le champ intitulé Before </body> tag).
  5. Collez votre code d’intégration.
  6. Cliquez sur Save Changes.
  7. Cliquez sur Publish en haut à droite pour mettre le site en ligne.

Exemple de format (utilisez les valeurs réelles depuis Agent > Publier) :

<script
  src="YOUR_WIDGET_URL"
  data-chatbot="YOUR_CHATBOT_ID"
  async
></script>

Le script du widget est conçu pour se charger une fois la page devenue interactive. Le coller dans Footer Code évite de bloquer le rendu initial et correspond au comportement de l’attribut async.

Conditions liées au forfait

La disponibilité de Custom Code dépend du niveau de votre Site plan. Webflow a historiquement restreint le code personnalisé à l’échelle du site sur le plan gratuit Starter, et cette disponibilité a évolué au fil des révisions de forfait.

Consultez le comparatif des forfaits de Webflow sur https://webflow.com/pricing pour connaître les règles en vigueur. Si l’onglet Custom Code affiche une icône de cadenas ou si le champ Footer Code est désactivé, changez de Site plan.

Installation sur une page spécifique

Pour charger le widget uniquement sur certaines pages :

  1. Ouvrez la page dans le Designer.
  2. Cliquez sur l’icône en forme de roue dentée Page Settings de cette page.
  3. Faites défiler jusqu’à Custom Code → Before </body> tag.
  4. Collez votre code d’intégration à cet endroit plutôt que dans le champ à l’échelle du projet.

Le code au niveau de la page vient s’ajouter au code du projet et le remplace pour cette page spécifique.

Après la publication

Le code personnalisé ne s’exécute que sur le site publié, pas dans l’aperçu du Designer. Une fois l’enregistrement effectué, cliquez sur Publish et choisissez vos domaines :

  • *.webflow.io — le domaine de préproduction
  • Votre domaine personnalisé connecté (le cas échéant)

Publiez sur le domaine que vous voulez réellement tester.

Dépannage

Le widget n’apparaît pas dans l’aperçu du Designer.

  • C’est normal. Custom Code ne s’exécute que sur le site publié. Ouvrez l’URL en ligne.

Le widget n’apparaît pas non plus sur le site en ligne.

  • Vérifiez que vous avez bien cliqué sur Save Changes et Publish.
  • Vérifiez que votre domaine est autorisé dans Agent > Publier > Sécurité.
  • Forcez une actualisation matérielle (⌘+Shift+R) pour contourner le cache du CDN.

Le champ Custom Code est désactivé.

  • Votre Site plan n’inclut pas Custom Code. Changez de forfait sur https://webflow.com/pricing.

Test

  1. Ouvrez le site publié dans une fenêtre de navigation privée.
  2. Repérez la bulle de discussion.
  3. Cliquez pour l’ouvrir et envoyez un message de test.

Étapes suivantes