Un chatbot IA sur votre site Webflow
Webflow prévoit un champ de code fermé sur tout le projet. Une ligne, un republiage, et la bulle est en ligne.
Ce qu'il faut savoir sur Webflow
Webflow sépare le code personnalisé du projet et celui d'une page. Pour une bulle présente partout, c'est le code de projet qu'il faut viser.
L'installation, étape par étape
Paramètres du projet → Custom code → Footer code
- Dans votre tableau de bord Quoralo, ouvrez l'agent et cliquez « Partager et intégrer ». Copiez la balise script.
- Dans Webflow, ouvrez les paramètres du projet, puis l'onglet Custom code.
- Collez la balise dans « Footer code », le champ qui s'insère avant </body>.
- Enregistrez, puis republiez le site : le code personnalisé ne s'applique qu'au site publié.
La bulle sur votre site est incluse dans toutes les formules, la gratuite comprise , comme le lien direct vers la page de chat de votre agent. Vous pouvez créer l'agent et l'installer aujourd'hui. Voir les formules .
Les pièges propres à Webflow
- Le code personnalisé demande un forfait payant, de site ou d'espace de travail. Sur le forfait gratuit Starter, les champs sont verrouillés.
- Il faut republier après chaque modification du champ : enregistrer ne suffit pas.
- Pour une seule page, le même champ existe dans les réglages de la page — mais la bulle n'apparaîtra que là.
Les questions qu'on se pose sur Webflow
Faut-il installer une application Webflow ?
Non, il n'en existe aucune. L'intégration tient dans une balise <script> collée dans le code personnalisé du projet : Webflow n'a rien à autoriser, et nous n'accédons à rien de votre projet.
Pourquoi la bulle n'apparaît-elle pas après l'enregistrement ?
Webflow n'applique le code personnalisé qu'au site publié : il faut republier. Et sur le forfait gratuit Starter, le champ est verrouillé : le code ne s'enregistre pas.
Code de projet ou code de page ?
Le code de projet, si vous voulez la bulle partout. Le code de page ne l'affichera que sur la page où vous l'avez collé — utile pour un essai, rarement pour un service client.
Est-ce compatible avec les interactions Webflow ?
Oui. Le chat vit dans une iframe posée par-dessus votre page : il ne touche ni à votre structure, ni à vos animations, et vos interactions ne peuvent pas le déplacer.