Ajouter un chatbot IA à votre site Webflow

Ce que Webflow exige

Webflow permet d’ajouter du code personnalisé à tout le site sur les sites dotés d’un Site plan payant, ou sur les forfaits Workspace payants. Le site Starter gratuit ne le permet pas. Le code personnalisé ne s’exécute en outre que sur le site publié, pas dans le canevas du Designer.

Récupérer votre ligne de code

Inscrivez-vous avec votre e-mail et indiquez l’adresse publiée de votre site (votre domaine personnalisé, ou l’adresse webflow.io si c’est celle qu’utilisent vos visiteurs). Après la première lecture, copiez votre ligne depuis le tableau de bord :

L’ajouter dans Webflow

1. Ouvrez les Site settings de votre projet.
2. Allez dans l’onglet Custom code.
3. Collez votre ligne dans Footer code. Elle est placée avant la balise de fermeture </body> de chaque page.
4. Cliquez sur Save changes.
5. Cliquez sur Publish pour publier le site sur les domaines que vous utilisez.
6. Ouvrez le site publié. Le bouton de chat apparaît en bas à droite et votre tableau de bord affiche Connecté.

Pour ne l’afficher que sur une seule page, utilisez les réglages de code personnalisé propres à cette page (avant </body>) au lieu du pied de page de tout le site.

Deux domaines ? Ajoutez les deux

Beaucoup de sites Webflow sont accessibles sur un domaine personnalisé et sur webflow.io. Le chat ne répond que sur les domaines enregistrés dans votre tableau de bord ; avec et sans www comptent pour un seul. Si vous le voulez aussi sur l’adresse de préproduction, ajoutez ce domaine dans le tableau de bord. Pour les tests en local, localhost fonctionne aussi.

Ce qu’il fait sur un site Webflow

Il lit les pages publiques de votre site, y compris les pages de collections CMS qu’il peut atteindre par vos liens, et les relit chaque jour : les nouveaux éléments CMS et les modifications parviennent à l’assistant sans aucune action de votre part. Il répond dans la langue du visiteur à partir de ces pages uniquement, le dit quand une question n’est pas couverte, et liste ces questions pour vous.

Webflow sert souvent aux sites de SaaS, d’agences et de services. Pour ceux-là, les questions typiques sont « êtes-vous intégré à X ? », « que comprend le forfait Pro ? », « comment résilier ? » et « travaillez-vous avec des clients de mon pays ? ». Si vos pages y répondent, l’assistant aussi. Sinon, vous verrez ces questions dans votre liste.

Pour Webflow Ecommerce, il répond aux questions sur les produits et les conditions à partir de vos pages. Il ne se connecte pas aux commandes de Webflow : il ne peut donc ni consulter, ni annuler, ni modifier une commande, et ces conversations vous sont transmises.

Transferts vers votre équipe

Quand un visiteur demande à parler à quelqu’un ou a besoin qu’on fasse quelque chose, la conversation arrive dans votre e-mail, ou dans Slack, Discord ou Telegram si vous les connectez. Depuis les applications de messagerie, vous pouvez répondre et le visiteur voit votre réponse dans sa fenêtre de chat.

Vérifiez-le avant de l’annoncer

1. Posez au chat de test de votre page de configuration les questions reçues le mois dernier dans votre boîte commerciale ou de support.
2. Là où une réponse manque, ajoutez l’information sur la page où les visiteurs la chercheraient, puis publiez.
3. Après la lecture quotidienne suivante, reposez la question et consultez dans votre tableau de bord la liste des questions restées sans réponse.

Vos réponses restent les vôtres : l’assistant n’utilise aucune connaissance extérieure sur votre produit, vos concurrents ou vos prix, seulement ce que dit votre site publié.