Documentatie

Webflow

Voeg je agent toe aan een Webflow-site met Custom Code in Project Settings.

Voeg je AI-agent toe aan elke Webflow-site door de embed-code te plakken in Project Settings → Custom Code. De snippet laadt dan automatisch op elke pagina.

Haal eerst je embed-code op via Chatbot > Publiceren in het dashboard.

Snelle installatie

  1. Open je project in de Webflow Designer.
  2. Klik op het gear icon (Project Settings) in de linkerzijbalk.
  3. Ga naar het tabblad Custom Code.
  4. Scroll naar Footer Code (het veld met het label Before </body> tag).
  5. Plak je embed-code.
  6. Klik op Save Changes.
  7. Klik rechtsboven op Publish om de site live te zetten.

Voorbeeldformaat (gebruik de echte waarden uit Chatbot > Publiceren):

<script
  src="YOUR_WIDGET_URL"
  data-chatbot="YOUR_CHATBOT_ID"
  async
></script>

Het widgetscript is ontworpen om te laden nadat de pagina interactief is. Door het in Footer Code te plakken voorkom je dat de eerste render wordt geblokkeerd, en dat sluit aan bij het gedrag van het async-attribuut.

Abonnementsvereisten

Of Custom Code beschikbaar is, hangt af van je Site plan-tier. Webflow heeft site-brede custom code van oudsher beperkt op het gratis Starter-plan, en de beschikbaarheid is door de jaren heen verschoven tussen planherzieningen.

Bekijk Webflow's planvergelijking op https://webflow.com/pricing voor de actuele regels. Toont het tabblad Custom Code een slotje, of is het veld Footer Code uitgeschakeld? Upgrade dan het Site plan.

Installatie per pagina

Wil je de widget alleen op bepaalde pagina's laden:

  1. Open de pagina in de Designer.
  2. Klik op het tandwielicoon Page Settings op die pagina.
  3. Scroll naar Custom Code → Before </body> tag.
  4. Plak je embed-code daar in plaats van in het projectbrede veld.

Code op paginaniveau overschrijft en vult de code op projectniveau aan voor die specifieke pagina.

Na het publiceren

Custom code draait alleen op de gepubliceerde site, niet in de Designer-preview. Klik na het opslaan op Publish en kies je domeinen:

  • *.webflow.io — het staging-domein
  • Je gekoppelde custom domain (indien aanwezig)

Publiceer naar het domein waarop je daadwerkelijk wilt testen.

Problemen oplossen

Widget verschijnt niet in de Designer-preview.

  • Verwacht gedrag. Custom Code draait alleen op de gepubliceerde site. Open de live-URL.

Widget verschijnt ook niet op de live site.

  • Controleer of je zowel op Save Changes als op Publish hebt geklikt.
  • Controleer of je domein is toegestaan onder Chatbot > Publiceren > Beveiliging.
  • Forceer een refresh (⌘+Shift+R) om de CDN-cache te omzeilen.

Het veld Custom Code is uitgeschakeld.

  • Je Site plan-tier bevat geen Custom Code. Upgrade via https://webflow.com/pricing.

Testen

  1. Open de gepubliceerde site in een incognitovenster.
  2. Zoek de chatbubbel.
  3. Klik om te openen en stuur een testbericht.

Volgende stappen