Aller au contenu
intoCHAT

Intégration Webflow

Ajoutez un chatbot IA à votre site Webflow

Entraînez un agent sur vos pages Webflow, le contenu de votre CMS et vos documents, puis ajoutez-le à chaque page avec une ligne dans le code du pied de page. Testez-le dans le Playground avant de publier.

Créer votre agent gratuitement

Dernière mise à jour:

Comment intoCHAT fonctionne sur Webflow

Webflow permet d'ajouter du code personnalisé à tout le site dans les Site settings. intoCHAT n'a besoin que d'une balise script dans le code du pied de page, et la bulle de chat apparaît sur chaque page publiée. L'agent répond à partir du contenu que vous lui fournissez, comme vos pages Webflow, les éléments du CMS, vos PDF et vos questions-réponses, et le dit quand il ne trouve pas la réponse. Les couleurs, l'avatar et le message d'accueil se gèrent dans intoCHAT : vous publiez une fois et modifiez l'agent quand vous le souhaitez.

Installer intoCHAT sur Webflow

  1. Créez et entraînez votre agent

    Inscrivez-vous sur intoCHAT, créez un agent et saisissez l'adresse de votre site Webflow dans l'onglet Knowledge. intoCHAT trouve jusqu'à 500 pages via le sitemap et les liens, et vous choisissez celles à inclure.

  2. Copiez la balise script

    Ouvrez l'onglet Share et copiez le code sous Bubble Chat. Il contient déjà l'identifiant de votre agent.

  3. Collez-la dans Footer code

    Dans Webflow, ouvrez Site settings puis l'onglet Custom code. Collez le script dans le champ Footer code, pas dans Head code, et cliquez sur Save changes.

  4. Publiez votre site

    Le code personnalisé n'est actif qu'après publication. Publiez le site et ouvrez l'adresse en ligne : la bulle de chat apparaît dans le coin inférieur avec vos réglages Appearance.

Le code pour le pied de page Webflow

<script src="https://www.intochat.ai/api/embed.js" data-chatbot-id="YOUR_AGENT_ID"></script>

Collez-le dans Footer code, pas dans Head code. Le script ajoute la bulle de chat au body de la page dès qu'il s'exécute : il doit donc se charger dans le body.

Ce que fait l'agent sur votre site Webflow

  • Lit vos pages et votre CMS

    intoCHAT trouve les pages via le sitemap et les liens, y compris les pages du CMS comme les articles de blog. Vous choisissez les pages et pouvez exclure des chemins avec des motifs.

  • Répond à partir de votre contenu

    Les réponses viennent de vos sources, trouvées par recherche sémantique et par mots-clés. Des règles intégrées gardent l'agent sur votre contenu, résistent à l'injection de prompt et lui font dire quand il ne sait pas.

  • Transforme les visiteurs en leads

    Demandez un e-mail ou un numéro de téléphone dans le chat, manuellement, selon des règles ou quand l'IA le juge utile. Chaque nouveau lead vous est envoyé par e-mail, et tous les leads s'exportent en CSV.

  • Appelle vos propres API

    Avec les actions API personnalisées, l'agent interroge vos endpoints HTTP pendant la conversation, avec bearer token, basic auth ou clé d'API. Jusqu'à 25 actions par agent.

  • S'accorde à votre design

    Accordez couleurs, avatar, icône du bouton, texte d'info-bulle et position à votre design Webflow, ou importez votre logo et vos couleurs depuis l'adresse de votre site.

Questions fréquentes

Quel forfait Webflow faut-il ?

Webflow autorise le code personnalisé sur tout le site quand celui-ci a un Site plan actif ou appartient à un Workspace Core, Growth, Agency ou Freelancer. intoCHAT a sa propre offre gratuite avec 25 messages par mois : vous pouvez donc d'abord essayer l'agent.

intoCHAT ralentit-il mon site Webflow ?

Le script est un fichier unique qui se charge à la fin du body de la page, après votre contenu. La fenêtre de chat tourne dans son propre iframe servi par intoCHAT : son code reste séparé de celui de votre site.

Pourquoi ne vois-je pas la bulle de chat ?

Le code personnalisé n'est actif qu'après publication : publiez après avoir enregistré et vérifiez l'adresse en ligne. Assurez-vous que le script se trouve dans Footer code et non dans Head code, car il a besoin que le body de la page existe au moment où il s'exécute. Comparez aussi l'identifiant de l'agent dans le code avec celui de l'onglet Share.

Puis-je afficher le chat sur certaines pages seulement ?

Oui. Laissez vide le Footer code du site et ouvrez les Page settings de chaque page qui doit afficher le chat. Collez le script dans la section Before </body> tag sous Custom code, enregistrez et publiez.

L'agent connaît-il automatiquement les nouveaux éléments du CMS ?

Seulement une fois que vous les ajoutez. intoCHAT ne resynchronise pas les sources automatiquement : après avoir publié de nouveaux éléments du CMS, ajoutez ces pages dans l'onglet Knowledge ou réentraînez les pages modifiées.

Faut-il republier Webflow quand je modifie l'agent ?

Non. Le script ne contient que l'identifiant de votre agent. Les couleurs, la position, le message d'accueil et les connaissances sont chargés depuis intoCHAT à chaque affichage de page : les modifications apparaissent sans republier.

Voyez-le répondre à partir de votre site

Collez l’adresse de votre site et discutez avec un agent créé à partir de vos pages. Cela prend environ une minute.

Créer votre agent gratuitement

Offre gratuite, sans carte bancaire.