TaxiFlow widget installeren op Webflow
Webflow is razend populair bij design-driven taxibedrijven die zelf hun marketing-site bouwen. Het ondersteunt custom HTML via het 'Embed'-element, dus integratie van de TaxiFlow widget is rechttoe-rechtaan.
Het voordeel van Webflow: je kunt de widget plaatsen in elke sectie of layout die je wil, met volledige design-controle daaromheen. De widget zelf style je via het TaxiFlow-dashboard zodat hij past bij je site.
Stap voor stap
- 1
Kopieer je embed-snippet
Op dashboard.taxiflow.nl → Widget → kopieer het snippet. Bewaar het tijdelijk.
- 2
Open de pagina in Webflow Designer
Pages-panel → klik de pagina (bv. Home of Reserveren). Het canvas opent in de designer.
- 3
Sleep een Embed-element naar de juiste plek
In het Add-panel (links) zoek je 'Embed' onder Components. Sleep het element naar de sectie waar de widget moet komen.
- 4
Plak de snippet in het Embed-element
Een editor opent automatisch — plak het volledige snippet (div + script). Klik 'Save & Close'.
- 5
Publiceer naar Staging of Production
Klik 'Publish' rechtsboven. Op je Staging-URL (xxx.webflow.io) of je eigen domein verschijnt de widget direct.
Let op
- Webflow's Designer-preview rendert custom scripts niet — de widget verschijnt pas op de gepubliceerde URL.
- Bij een nieuwe site is publishing soms 30-60 seconden cache-vertraging.
- Geef het Embed-element een vaste min-width (bv. 320px) zodat het op smalle containers niet te krap wordt.
- Webflow's CDN comprimeert HTML — geen impact op de widget zelf, maar wel snellere page-load.
De embed-snippet
<div class="precision-flow-widget"></div> <script src="https://taxiflow.nl/widget.js" data-key="JOUW_API_KEY" async></script>
Je vindt jouw data-key in het dashboard onder Widget-instellingen.
Veelgestelde vragen
- Werkt de widget in een Webflow CMS-template?
- Ja. Sleep het Embed-element binnen je CMS-collection-page. De widget verschijnt op elke instantie van die template.
- Kan ik de widget in een Webflow-interaction tonen (animatie)?
- Ja, animeer de container die het Embed bevat (bv. fade-in op scroll). Het script erbinnen blijft werken.
- Werkt het op Webflow's Free-tier?
- Beperkt — Free-tier-sites hebben Webflow's *.webflow.io subdomein. Sommige browsers blokkeren third-party widgets op die subdomeinen door CORS. Een betaald plan met eigen domein is aanbevolen.
- Hoe wijzig ik de widget-kleur via Webflow?
- Dat doe je niet in Webflow zelf. Log in op TaxiFlow → Widget → Kleuren. De wijziging propageert direct naar al je Webflow-pagina's zonder dat je hoeft te re-publishen.
TaxiFlow gratis proberen
7 dagen gratis. Widget op je Webflow-site binnen 5 minuten.
Start 7 dagen gratis