Comment ajouter un chat IA à votre site Framer
Les sites Framer se conçoivent et se publient vite, et un chat par-dessus permet aux visiteurs de poser leurs questions avec leurs propres mots au lieu de chercher. Un chat IA peut répondre à partir de vos pages, montrer la source de chaque réponse et passer une conversation à votre équipe. OneType n'a pas de plugin Framer : vous collez une ligne dans les paramètres « Custom code » de votre site, la même ligne que sur n'importe quel site web. Ce guide montre ce qu'il faut préparer, les étapes dans Framer 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 Framer. Choisissez les pages dont le chat doit s'inspirer, comme les pages produit, tarifs, FAQ et contact, et ajoutez des documents si certaines réponses se trouvent dans des fichiers. Le chat répond avec des mots simples, uniquement à partir de ce que vous lui avez donné, avec une source numérotée à côté de chaque phrase. Les pages derrière une connexion ne peuvent pas être lues. Posez-lui quelques vraies questions dans le chat de test, dont une à laquelle vos pages ne répondent pas : il doit dire qu'il ne sait pas au lieu de deviner.
Étape 2 : choisissez un modèle et réglez les bases
Choisissez l'un des modèles de chat, ajoutez votre logo, et définissez le nom que voient les visiteurs, le message d'accueil et quelques questions de départ. Reprenez les questions qu'on vous envoie le plus souvent. Vous pouvez modifier le nom, le message d'accueil et les questions de départ plus tard depuis votre tableau de bord OneType, et votre site affiche le nouveau style en une minute environ, sans republier Framer.
Étape 3 : copiez votre ligne
Une fois en ligne, OneType affiche votre ligne de script prête à copier. Elle se trouve aussi dans l'onglet « Add to your website » de votre agent quand vous en avez besoin. Si quelqu'un d'autre modifie le projet Framer, un lien ouvre un e-mail avec la ligne et les instructions, prêt à lui être envoyé.
Étape 4 : ajoutez la ligne dans « Custom Code » de Framer
- Ouvrez « Project Settings » dans votre projet Framer.
- Sélectionnez l'onglet « Custom Code » dans la barre latérale gauche.
- Cliquez sur « Add Script », ou sur l'icône + si vous avez déjà des scripts.
- Donnez un nom au script, par exemple « OneType chat ».
- Pour l'emplacement, choisissez une position en fin de body et collez votre ligne OneType.
- Laissez la liste des pages telle quelle pour charger le chat partout, ou sélectionnez seulement les pages où vous le voulez.
- Choisissez « Run on every page visit ».
- Publiez votre site, puis ouvrez la page en ligne. Framer ne charge pas le code personnalisé dans l'aperçu du canevas.
Pendant vos tests sur l'adresse propre de Framer, qui se termine par framer.website, 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.
Étape 5 : vérifiez qu'il est en ligne et testez-le
Ouvrez votre site publié dans un nouvel onglet, pas dans l'éditeur. Un bouton de chat apparaît dans le coin de la page et, en une minute environ, OneType affiche « Live on » suivi de l'adresse de votre site, par exemple « Live on shop.example.com ». Vous n'avez pas besoin d'ouvrir le chat pour cela. 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.
Mettez le chat sur votre site Framer
Voir la configuration Framer : chat IA pour Framer, consultez les étapes d'installation, ou commencez gratuitement.