Ajouter des agents IA à Framer avec ASDK
Ajoutez les agents IA d’ASDK à un site Framer avec du code personnalisé en fin de balise body : ce que vous obtenez, l’installation et ce qui arrive bientôt.
- Statut
- Fonctionne avec ASDK dès aujourd’hui, pendant l’accès anticipé.
- Installation
- Guide d’installation pour Framer anglais
- Forfait
- Tous les forfaits, Free compris
- Éditeur
- Site de Framer
Agents compatibles avec Framer
Tous les agents répondent à partir de la même base de connaissances sur votre site. Les statuts viennent du catalogue ASDK : les agents en accès anticipé fonctionnent déjà, ceux annoncés pour bientôt pas encore.
Chat
Accès anticipéRépond aux visiteurs à partir de votre propre contenu, 24 h/24 et 7 j/7, et recueille leurs coordonnées.
À partir du forfait Free
Sales
Accès anticipéQualifie les visiteurs, prend des rendez-vous et envoie les prospects dans votre CRM via des webhooks et Zapier.
À partir du forfait Pro
Agent-Ready
Accès anticipéRend votre site lisible et utilisable par ChatGPT, Gemini, Claude et les autres agents IA.
À partir du forfait Free
Search
BientôtRemplace votre champ de recherche par des réponses immédiates et sourcées.
À partir du forfait Starter
Comment ça marche avec Framer
Sur cette page
Les sites Framer sont souvent des pages d’atterrissage de start-up et des sites de marketing produit qui changent toutes les semaines ou presque. ASDK suit ce rythme. Vous ajoutez une fois un script dans les réglages du site, et les agents lisent ensuite chaque page que vous publiez : une nouvelle page d’atterrissage entre dans la base de connaissances à la prochaine actualisation, sans que personne ne touche au widget.
Ce qu’ASDK apporte à un site Framer
ASDK construit une base de connaissancesA knowledge base is the curated set of content an AI agent is allowed to answer from, such as web pages, help articles, PDFs and FAQs, kept indexed and current. unique à partir de vos pages publiées, y compris les pages CMS comme un blog ou des notes de version, et des documents que vous importez. Chaque agent que vous activez y puise ses réponses.
- Chat (accès anticipé, dès le forfait Free) répond aux visiteurs à partir de votre contenu, renvoie vers les pages dont provient chaque réponse et propose de prendre leurs coordonnées quand il ne peut pas les aider.
- Sales (accès anticipé, à partir du forfait Pro) pose les questions de qualification que vous rédigez en langage courant et propose un rendez-vous aux visiteurs qui correspondent. Pour le site d’une start-up, cela consiste souvent à orienter les petites équipes vers le libre-service et à réserver des appels avec les plus grandes.
- Agent-Ready (accès anticipé, dès le forfait Free) publie ce que sait votre base de connaissances dans des formats que les assistants IA lisent bien, comme un fichier llms.txtllms.txt is a proposed Markdown file at a website's root that gives AI tools a short summary of the site and links to the pages that matter most. hébergé.
- Search arrive bientôt. Il répondra à la place d’un champ de recherche, sources à l’appui.
Le widget est un script unique qui ajoute un bouton de chat dans un coin de la page. Il ne touche ni à vos composants Framer, ni à vos animations, ni à vos points de rupture.
Un exemple sur un site Framer
Imaginez un jeune éditeur de logiciels avec un site Framer : une page d’accueil, une page de tarifs, des notes de version et une courte FAQ. Un visiteur de la page de tarifs demande : « Le forfait Team inclut-il l’authentification unique, et y a-t-il un essai gratuit ? »
Chat trouve le tableau des tarifs et la FAQ, répond aux deux questions et renvoie vers les pages utilisées. Si l’éditeur a activé Sales et que le visiteur mentionne une équipe de 80 personnes, l’agent pose les questions de qualification propres à l’éditeur et propose un appel de démo ; une équipe de cinq personnes est plutôt orientée vers l’essai.
Si le site ne mentionne pas du tout l’authentification unique, l’agent le dit au lieu de deviner. Cette lacune est une information utile : c’est sans doute une question que vos appels commerciaux entendent aussi.
Comment cela fonctionne sur Framer
Framer ajoute les scripts de tout le site depuis les réglages de code personnalisé du projet. L’aide de Framer les situe sous Project settings → Custom code et recommande la fin de la balise body pour les scripts (vérifié en octobre 2026). C’est là que va l’extrait ASDK.
Si votre site change de page sans rechargement complet, le widget remarque ces changements de lui-même : un visiteur peut passer de votre page d’accueil à vos tarifs au milieu d’une conversation et continuer à discuter.
Le code personnalisé dépend de votre forfait Framer. Si les champs de code personnalisé sont verrouillés, votre forfait ne l’inclut pas ; la page de tarifs de Framer indique le contenu de chaque forfait (vérifiée en octobre 2026). Les forfaits d’ASDK sont indépendants, et le forfait Free comprend Chat et Agent-Ready.
Installer ASDK sur Framer
Créez votre site dans ASDK
Ajoutez l’adresse de votre site dans le tableau de bord. ASDK lit vos pages publiées et construit la base de connaissances ; la page Install affiche ensuite votre extrait avec l’identifiant de votre site.
Ajoutez l’extrait à la fin du body
Dans votre projet Framer, ouvrez les réglages du site et allez dans Custom code. Ajoutez l’extrait dans le champ prévu pour la fin de la balise body :
<script async src="https://cdn.asdk.com/v1/asdk.js" data-site-id="SITE_ID"></script>Utilisez le réglage de tout le site, pas celui d’une seule page.
Publiez
Publiez le site. Framer n’exécute pas le code personnalisé sur le canevas ni dans l’aperçu.
Vérifiez
Ouvrez le site publié, repérez le bouton de chat, puis cliquez sur Check installation dans le tableau de bord. Le guide d’installation pour Framer donne les détails.
Ce qui est disponible et ce qui arrive bientôt
| Élément | Statut |
|---|---|
| Installation par code personnalisé pour tout le site | Disponible |
| Un plugin Framer ou une fiche sur le Marketplace | Inutile pour l’installation |
| Les agents Chat, Sales et Agent-Ready | Accès anticipé |
| L’agent Search | Bientôt |
ASDK dans son ensemble est en accès anticipé : les agents fonctionnent et vous pouvez les utiliser, mais ils peuvent évoluer à mesure que nous les améliorons.
Les détails Framer à connaître
- Un seul extrait pour tout le site. Le code personnalisé au niveau d’une page exigerait l’extrait sur chaque page, et les nouvelles pages démarreraient sans lui. Le champ global évite cela.
- Ouvrir le chat depuis votre propre bouton. Un bouton « Parlez-nous » de votre design peut ouvrir le widget en appelant
asdk("open"). Le guide HTML montre la ligne qui met en file d’attente les appels faits avant le chargement du widget. - Des options pour une seule page. Des attributs comme
data-open="true"ouvrent le chat au chargement d’une page, par exemple sur une page de tarifs. Le guide HTML liste toutes les options. - Domaines de préproduction. La vérification de l’installation n’ouvre que les domaines propres de votre site. Vérifiez le domaine qu’utilisent vos visiteurs, ou ajoutez d’abord l’adresse de préproduction aux domaines autorisés de votre site dans ASDK.
Obtenir de meilleures réponses d’un site Framer
Les pages d’atterrissage Framer sont souvent pauvres en texte, par choix. C’est très bien pour une section d’accroche, mais un agent a besoin de faits qu’il peut citer :
- Écrivez noir sur blanc les prix et les limites. Si les limites d’une offre ne figurent que dans une infobulle ou un sélecteur, ajoutez-les en texte sur la page de tarifs.
- Publiez des notes de version ou une page « Nouveautés ». Elles répondent mieux à « Prenez-vous déjà en charge X ? » que n’importe quel slogan.
- Tenez une courte FAQ. Les questions sur l’essai, la sécurité, les intégrations et la facturation, avec des réponses directes, sont les passages qu’un agent cite le plus.
- Retirez les anciennes pages d’atterrissage. Les pages de campagne aux offres expirées restent publiques et peuvent encore être citées.
Le Test de compatibilité avec les agents IA gratuit montre ce que les assistants IA peuvent lire aujourd’hui sur votre site, et notre check-list du site prêt pour les agents explique quoi corriger en premier.
Essayez l’agent Chat en accès anticipé
Répond aux visiteurs à partir de votre propre contenu, 24 h/24 et 7 j/7, et recueille leurs coordonnées.
Sources
Les pages que nous avons lues pour cette page, avec la date de vérification de chacune.
- Optimizing your site for speed and performance — Framer Help · vérifié le 21 octobre 2026
- Framer pricing · vérifié le 21 octobre 2026
Questions fréquentes
Une autre question ? Écrivez à hello@asdk.com
Où placer l’extrait ASDK dans Framer ?
Dans les réglages de code personnalisé de tout le site, dans le champ prévu pour la fin de la balise body. Utilisez le réglage global plutôt que celui d’une seule page, pour que chaque page reçoive le widget.
Pourquoi le widget n’apparaît-il pas sur le canevas Framer ?
Framer n’exécute pas le code personnalisé sur le canevas ni dans l’aperçu. Publiez le site et ouvrez l’adresse publiée dans un navigateur.
Mes champs de code personnalisé sont verrouillés. Qu’est-ce que cela signifie ?
Le forfait Framer de votre site n’inclut pas le code personnalisé. La page de tarifs de Framer indique le contenu de chaque forfait. Sans code personnalisé, l’extrait ASDK ne peut pas se charger.
La conversation survit-elle à un changement de page ?
Oui. Le widget conserve un identifiant de visiteur aléatoire dans le stockage local du navigateur et suit de lui-même les changements de page côté client : une conversation continue pendant que le visiteur passe d’une page à l’autre.