Comment ajouter un chat à votre site Webflow
Webflow vous donne un contrôle total sur l'apparence de votre site, mais un visiteur qui a une question doit encore fouiller vos pages. Un chat IA répond à partir de votre propre contenu et, si nécessaire, passe la conversation à votre équipe. L'ajouter à Webflow demande une ligne dans le code personnalisé de votre site. Ce guide montre où la coller et comment vérifier que le chat est en ligne.
Étape 1 : créez le chat et laissez-le lire votre site
Inscrivez-vous, créez votre chat et saisissez l'adresse de votre site Webflow. Choisissez les pages à lire, comme les pages de services, de tarifs, de livraison ou d'aide, et ajoutez des documents si vos réponses se trouvent dans des fichiers. Le chat répond uniquement à partir de ce qu'il lit et affiche une source numérotée pour chaque phrase. Posez-lui quelques vraies questions dans le chat de test. Si une réponse manque ou n'est pas claire, améliorez la page dans Webflow et laissez le chat la relire. Définissez le nom, le message d'accueil et les questions de départ, puis choisissez un modèle et votre logo. Les pages derrière une connexion ne peuvent pas être lues ; gardez donc les réponses dont les visiteurs ont besoin sur des pages publiques. Le chat n'indique ni prix, ni date, ni règle que vos sources n'indiquent pas.
Étape 2 : copiez l'intégration Webflow depuis « Add to your website »
Une fois en ligne, OneType affiche votre balise script prête à copier. Elle se trouve aussi dans l'onglet « Add to your website » de votre agent, qui propose « Custom code », « Webflow » et « Divhunt ». Pour Webflow, vous ajoutez le chat comme élément intégré dans le code personnalisé du site, et les étapes ci-dessous le montrent.
Étape 3 : collez-la dans le code personnalisé du site
Le code personnalisé nécessite une offre de site Webflow payante. Dans Webflow :
- Ouvrez votre site et allez dans « Site settings ».
- Cliquez sur « Custom code » dans le menu de gauche.
- Faites défiler jusqu'à « Footer code » et collez la balise script.
- Cliquez sur « Save changes ».
La même ligne fonctionne sur toutes les pages du site, donc vous la collez une seule fois. Si ce n'est pas vous qui modifiez le site Webflow, un lien dans OneType ouvre un e-mail avec l'extrait et les instructions, prêt à être envoyé à la personne qui s'en charge.
Étape 4 : publiez votre site Webflow
Cliquez sur « Publish » en haut à droite. Le chat n'apparaît que sur le site publié, pas dans le Designer. Si vous testez sur l'adresse de préproduction de Webflow, qui se termine par webflow.io, ajoutez aussi cette adresse exacte aux domaines autorisés de votre agent, car le chat ne se charge que sur les domaines que vous autorisez. Votre propre domaine est ajouté pour vous quand vous utilisez l'étape « Go live ». Quiconque copie votre balise script sur un autre site n'obtient rien.
Étape 5 : vérifiez qu'il est en ligne et testez
Ouvrez votre site publié dans un nouvel onglet. Un bouton de chat apparaît dans le coin et, en une minute environ, OneType affiche « Live on » suivi de l'adresse de votre site, par exemple « Live on shop.example.com » dans l'étape « Go live ». Vous n'avez pas besoin d'ouvrir le chat. Si rien n'apparaît au bout de dix minutes, vérifiez que la ligne figure sur la page publiée, que l'adresse est un domaine autorisé, qu'aucun bloqueur de publicités ni aucune politique de sécurité ne bloque le widget et que vous avez rechargé la page. Posez ensuite une question à laquelle vos pages répondent et une autre à laquelle elles ne répondent pas. Le chat doit dire qu'il ne sait pas et proposer l'étape suivante que vous avez choisie.
Mettez un moteur de réponses sur votre site Webflow
Voir comment fonctionne l'installation : ajouter le chat à n'importe quel site, ou commencer gratuitement.