Aller au contenu
intoCHAT

Intégration Framer

Ajoutez un chatbot IA à votre site Framer

Entraînez un agent sur les pages et documents de votre site Framer, puis ajoutez-le à tout le site avec un script dans Custom Code. Il s'intègre à votre design et répond à partir de votre propre contenu.

Créer votre agent gratuitement

Dernière mise à jour:

Comment intoCHAT fonctionne sur Framer

Framer permet d'ajouter des scripts à tout le site depuis les réglages Custom Code. intoCHAT n'a besoin que d'une balise script à la fin du body, et une bulle de chat apparaît dans le coin de chaque page publiée. L'agent répond à partir de ce que vous lui fournissez, comme vos pages Framer, vos PDF et vos questions-réponses, et le dit quand il ne sait pas. L'apparence du chat se règle dans intoCHAT : vous changez couleurs, avatar ou message d'accueil sans republier votre site Framer.

Installer intoCHAT sur Framer

  1. Créez et entraînez votre agent

    Inscrivez-vous sur intoCHAT, créez un agent et saisissez l'adresse de votre site Framer dans l'onglet Knowledge. intoCHAT trouve jusqu'à 500 pages, exécute le JavaScript avant de les lire et vous laisse choisir lesquelles 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. Ajoutez un script dans Custom Code

    Dans Framer, ouvrez Project Settings et sélectionnez l'onglet Custom Code. Cliquez sur Add Script, donnez-lui un nom comme intoCHAT et collez le code.

  4. Réglez l'emplacement et la fréquence

    Placez le script à la fin du body, gardez-le sur toutes les pages et réglez-le sur Once plutôt qu'à chaque visite de page.

  5. Publiez et vérifiez le site en ligne

    Framer ne charge pas le code personnalisé dans l'aperçu du canevas. Publiez le site et ouvrez la page en ligne : la bulle de chat apparaît dans le coin inférieur avec vos réglages Appearance.

Le code pour Custom Code dans Framer

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

Placez-le à la fin du body, pas dans le head, et laissez-le s'exécuter une seule fois. Le script ajoute la bulle de chat au body dès qu'il s'exécute : le body doit donc exister, et chaque exécution supplémentaire ajouterait une autre bulle.

Ce que fait l'agent sur votre site Framer

  • Lit vos pages Framer

    intoCHAT trouve les pages via le sitemap et les liens et exécute le JavaScript avant de lire : il voit votre contenu comme vos visiteurs. Excluez les chemins inutiles avec des motifs.

  • Se teste avant publication

    Essayez l'agent dans le Playground avec des conversations temporaires, affinez ses instructions et ses sources, et ne l'ajoutez au site que lorsque les réponses sont justes.

  • Collecte des leads

    Demandez un e-mail ou un numéro de téléphone dans le chat, selon des règles comme un nombre de messages ou des mots-clés, ou laissez l'IA décider. Les nouveaux leads arrivent par e-mail.

  • S'accorde à votre design

    Réglez les couleurs de la bulle, de l'en-tête et des messages, l'avatar, l'icône du bouton, le texte d'info-bulle et la position, ou importez votre logo et vos couleurs depuis l'adresse du site.

  • Répond dans la langue du visiteur

    L'agent répond dans la langue dans laquelle le visiteur écrit : un seul agent suffit pour toutes les versions linguistiques de votre site.

  • Déclenche des actions sur votre page

    Enregistrez des fonctions JavaScript avec window.IntoChatActions.register, et l'agent peut les appeler pendant la conversation, par exemple pour ouvrir un formulaire sur votre page.

Questions fréquentes

Pourquoi ne vois-je pas le chat dans le canevas Framer ?

Framer ne charge pas le code personnalisé dans l'aperçu du canevas. Publiez votre site et ouvrez la page en ligne dans un navigateur : la bulle de chat apparaît dans le coin inférieur.

intoCHAT ralentit-il mon site Framer ?

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 le script doit-il s'exécuter une seule fois ?

Le script ajoute une bulle de chat à chaque exécution. En ne l'exécutant qu'une fois, les visiteurs voient une seule bulle, même quand ils passent d'une page à l'autre. Le placer à la fin du body garantit aussi que le body existe au démarrage.

L'agent lit-il les pages du CMS de Framer ?

Oui, si elles figurent dans votre sitemap ou sont liées depuis vos pages, et que vous les sélectionnez dans l'onglet Knowledge. Les sources ne se synchronisent pas toutes seules : quand vous publiez des mises à jour, ajoutez les nouvelles pages du CMS ou réentraînez celles qui ont changé.

L'agent peut-il répondre aux visiteurs dans d'autres langues ?

Oui. L'agent répond dans la langue dans laquelle le visiteur écrit, avec les mêmes connaissances. Si votre site Framer a d'autres versions linguistiques, ajoutez aussi ces pages pour que l'agent puisse reprendre les formulations traduites.

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

Non. Le script ne contient que l'identifiant de votre agent. Les couleurs, la position, le message d'accueil, les questions suggérées 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.