AI-agents toevoegen aan Framer met ASDK

Framer-sites zijn vaak landingspagina’s van startups en productmarketingsites die om de week of twee veranderen. ASDK past bij dat tempo. Je voegt één keer een script toe aan de site-instellingen, en vanaf dan lezen de agents elke pagina die je publiceert. Een nieuwe landingspagina wordt dus bij de volgende verversing deel van de kennisbank, zonder dat iemand de widget aanraakt.

Wat ASDK toevoegt aan een Framer-site

ASDK bouwt één kennisbank uit je gepubliceerde pagina’s, inclusief CMS-pagina’s zoals een blog of changelog, plus documenten die je uploadt. Elke agent die je aanzet, antwoordt daaruit.

• Chat (vroege toegang, vanaf het Free-abonnement) beantwoordt bezoekers vanuit je content, linkt naar de pagina’s waar elk antwoord vandaan komt en biedt aan contactgegevens te noteren als hij niet kan helpen.
• Sales (vroege toegang, vanaf het Pro-abonnement) stelt de kwalificatievragen die je in gewone taal schrijft en biedt bezoekers die passen een afspraak aan. Op de site van een startup betekent dat vaak kleine teams naar selfservice sturen en gesprekken plannen met grotere.
• Agent-Ready (vroege toegang, vanaf het Free-abonnement) publiceert wat je kennisbank weet in formaten die AI-assistenten goed lezen, zoals een gehost llms.txt-bestand.
• Search komt binnenkort. Het gaat antwoorden in plaats van een zoekvak, met bronnen.

De widget is één script dat in een hoek van de pagina een chatknop toevoegt. Hij raakt je Framer-componenten, animaties en breakpoints niet aan.

Een voorbeeld van een Framer-site

Stel je een jong softwarebedrijf voor met een Framer-site: een landingspagina, een prijspagina, een changelog en een korte FAQ. Een bezoeker op de prijspagina vraagt: ‘Zit single sign-on in het Team-abonnement, en is er een gratis proefperiode?’

Chat vindt de prijstabel en de FAQ, beantwoordt beide delen en linkt naar de pagina’s die hij gebruikte. Heeft het bedrijf Sales aangezet en noemt de bezoeker een team van 80, dan stelt de agent de eigen kwalificatievragen van het bedrijf en biedt hij een demogesprek aan; een team van vijf wordt in plaats daarvan naar de proefperiode verwezen.

Noemt de site single sign-on nergens, dan zegt de agent dat in plaats van te gokken. Dat gat is nuttige informatie: waarschijnlijk komt die vraag ook in je salesgesprekken langs.

Zo werkt het in Framer

Framer voegt scripts voor de hele site toe via de instellingen voor eigen code van het project. Het helpcenter van Framer plaatst ze onder Project settings → Custom code en raadt voor scripts het einde van de body-tag aan (gecontroleerd in oktober 2026). Daar komt het ASDK-snippet.

Wisselt je site van pagina zonder volledig te herladen, dan merkt de widget die paginawissels zelf op, zodat een bezoeker midden in een gesprek van je homepage naar de prijspagina kan gaan en gewoon verder kan chatten.

Eigen code hangt af van je Framer-abonnement. Zijn de velden voor eigen code vergrendeld, dan zit het niet in je abonnement; de prijspagina van Framer noemt wat elk abonnement bevat (gecontroleerd in oktober 2026). De abonnementen van ASDK staan daar los van, en het Free-abonnement bevat Chat en Agent-Ready.

ASDK instellen in Framer

<script async src="https://cdn.asdk.com/v1/asdk.js" data-site-id="SITE_ID"></script>

Wat beschikbaar is en wat binnenkort komt

ASDK als geheel is in vroege toegang: de agents werken en je kunt ze gebruiken, maar ze kunnen veranderen terwijl we ze verbeteren.

Framer-details die het weten waard zijn

• Eén snippet voor de hele site. Eigen code op paginaniveau zou het snippet op elke pagina nodig hebben, en nieuwe pagina’s zouden zonder beginnen. Het veld voor de hele site voorkomt dat.
• De chat openen vanaf je eigen knop. Een knop ‘Praat met ons’ in je ontwerp kan de widget openen door asdk("open") aan te roepen. De HTML-gids toont de regel die aanroepen in de wachtrij zet die worden gedaan voordat de widget is geladen.
• Opties voor één pagina. Attributen zoals data-open="true" openen de chat als een pagina laadt, bijvoorbeeld op een prijspagina. De HTML-gids noemt elke optie.
• Stagingdomeinen. De installatiecontrole opent alleen de eigen domeinen van je site. Controleer het domein dat je bezoekers gebruiken, of voeg het stagingadres eerst toe aan de toegestane domeinen van je site in ASDK.

Betere antwoorden van een Framer-site

Landingspagina’s in Framer bevatten vaak bewust weinig tekst. Dat is prima voor een hero, maar een agent heeft feiten nodig die hij kan citeren:

• Schrijf prijzen en limieten uit. Staan de limieten van een abonnement alleen in een tooltip of een schakelaar, voeg ze dan als tekst toe aan de prijspagina.
• Publiceer een changelog of pagina ‘wat is er nieuw’. Die beantwoordt ‘ondersteunen jullie X al?’ beter dan welke marketingkop ook.
• Houd een korte FAQ bij. Vragen over proefperiodes, beveiliging, integraties en facturering, met directe antwoorden, zijn de passages die een agent het vaakst citeert.
• Haal oude landingspagina’s offline. Campagnepagina’s met verlopen aanbiedingen zijn nog steeds openbaar en kunnen nog steeds worden geciteerd.

De gratis Websitecheck voor AI-agents laat zien wat AI-assistenten vandaag op je site kunnen lezen, en onze checklist voor een agent-ready website legt uit wat je als eerste oplost.