AI-agents toevoegen aan Webflow met ASDK

Webflow-sites worden vaak gebouwd door een designer of een bureau en daarna overgedragen aan een marketingteam dat ze actueel houdt. Daar past ASDK goed bij: het gaat er één keer in als footercode voor de hele site, en daarna verander je alles aan de agents, van kleuren en teksten tot welke agents aanstaan, in het ASDK-dashboard, zonder het Webflow-project nog aan te raken.

Wat ASDK toevoegt aan een Webflow-site

ASDK bouwt één kennisbank uit je gepubliceerde pagina’s, inclusief de pagina’s van je CMS-collecties, 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.
• 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.

Omdat de widget één script is, verandert hij niets aan je lay-out, classes of interacties. Hij voegt in een hoek van de pagina een chatknop toe, waarvan je positie en kleur in het dashboard instelt.

Een voorbeeld van een Webflow-site

Stel je een kleine ontwerpstudio voor met een Webflow-site die de diensten, een paar cases en een pagina ‘Start een project’ toont. Een bezoeker op de dienstenpagina vraagt: ‘Migreren jullie sites vanaf WordPress, en wat kost dat ongeveer?’

Chat vindt de pagina over migratie en het deel over prijzen, antwoordt in twee of drie zinnen en linkt naar beide pagina’s. Heeft de studio Sales aangezet, dan stelt de agent daarna een van de eigen kwalificatievragen van de studio, zoals de omvang van de huidige site of de gewenste lanceringsdatum, en biedt hij een afspraak aan als de antwoorden bij de regels van de studio passen.

Zegt de site niets over migratieprijzen, dan zegt de agent dat in plaats van een bedrag te verzinnen, en biedt hij aan de vraag met het e-mailadres van de bezoeker door te geven. De studio leert zo dat de prijspagina een gat heeft, en dat is de moeite waard om voor elke bezoeker te dichten, niet alleen voor wie chat.

Het Webflow-abonnement dat je nodig hebt

Volgens het helpcenter van Webflow (gecontroleerd in oktober 2026) draait eigen code alleen op sites met een betaald Site-abonnement of in een betaalde Workspace. In het gratis Starter-abonnement kun je de velden voor eigen code niet opslaan, dus ASDK kan daar niet laden. Zijn de velden in je project vergrendeld, dan is dat de reden.

De abonnementen van ASDK staan daar los van: het Free-abonnement bevat Chat en Agent-Ready, en de prijspagina noemt de rest.

ASDK instellen in Webflow

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

Heeft een bureau je site gebouwd, dan kan de pagina Install het snippet en de stappen voor Webflow naar dat bureau mailen, en komen antwoorden bij jou binnen.

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.

Webflow-details die het weten waard zijn

• Voor de hele site, niet per pagina. Gebruik de footercode in Site settings, zodat elke pagina de widget krijgt. Eigen code op paginaniveau zou het snippet op elke pagina nodig hebben, en pagina’s die je vergeet, zouden geen widget hebben.
• Stagingadressen. De installatiecontrole opent alleen pagina’s op de eigen domeinen van je site. Wil je een webflow.io-pagina controleren, voeg dat adres dan eerst toe aan de toegestane domeinen van je site in ASDK, of controleer in plaats daarvan het eigen domein.
• Opties per pagina. Het snippet accepteert de attributen data-position, data-locale en data-open. Zo kan een prijspagina de chat bij het laden openen, terwijl de rest van de site dat niet doet. De HTML-gids noemt de opties.
• Content Security Policy. Webflow-sites sturen er zelden een mee, maar voegt je opzet via een proxy of CDN een policy toe, sta dan https://cdn.asdk.com toe voor scripts en https://api.asdk.com voor verbindingen. Zie Content Security Policy.

Betere antwoorden van een Webflow-site

Met Webflow ontwerp je makkelijk pagina’s waarop tekst in tabbladen, sliders en hovertoestanden zit. Dat ziet er goed uit, maar een agent leest, net als een zoekmachine, wat er in de HTML van de pagina staat. Een paar gewoontes helpen:

• Houd belangrijke feiten als echte tekst. Prijzen, limieten van abonnementen, werkgebieden en levertijden horen als tekst op de pagina te staan, niet alleen in afbeeldingen of Lottie-animaties.
• Gebruik je CMS voor feiten die terugkomen. Een collectie met diensten of locaties, elk met een eigen pagina, geeft de agent per onderwerp één duidelijke bron.
• Verstop antwoorden niet alleen achter interacties. Content in gesloten tabbladen staat meestal toch in de HTML en is leesbaar; content die pas na een klik van een andere dienst wordt geladen, misschien niet.
• Geef elke pagina een duidelijke titel en kop. Dat helpt de agent de juiste pagina te citeren, en het helpt bezoekers de link te vertrouwen.

Onze gids over een assistent toevoegen aan WordPress, Webflow en Wix vergelijkt de platforms, en een chatbot trainen op je website behandelt hoe je pagina’s voorbereidt voor elke assistent.