Webflow koppelen aan HubSpot (en je marketingstack): leads uit je formulieren halen

Je koppelt Webflow aan HubSpot via een van vier routes: de officiele HubSpot-app voor Webflow, een ingesloten (embedded) HubSpot-formulier, een no-code tussenstap met Zapier of Make, of een directe koppeling via de HubSpot-API of webhooks. De native app is sinds 2026 een stuk volwassener dan vroeger, maar blijft bedoeld voor eenvoudige leadcapture. Wil je betrouwbare field-mapping, deduplicatie en volledige tracking, dan is een tussenstap vaak de betere keuze. In dit artikel lees je per route hoe het werkt, wat de grenzen zijn, en hoe je voorkomt dat leads onderweg verdwijnen of zonder bron in je CRM belanden.

Heeft Webflow een native HubSpot-koppeling?

Ja, er is intussen een officiele HubSpot-app in de Webflow-marketplace die je native Webflow-formulieren rechtstreeks aan HubSpot koppelt. Je opent de app in de Webflow Designer via het Apps-paneel en wijst je formuliervelden toe aan HubSpot. Inzendingen worden eerst door Webflow opgevangen en daarna naar HubSpot doorgestuurd, technisch gezien via het mechanisme voor “non-HubSpot forms”. Voor veel sites is dat genoeg om leads geordend binnen te krijgen en basis-automatisering te laten draaien, zonder code.

De beperkingen zijn echter reeel. De datastroom is in de praktijk vooral eenrichting: van Webflow naar HubSpot, geen volledige tweerichtingssync. Geavanceerde HubSpot-functies zoals conditionele logica, progressive profiling of slimme velden zitten er niet in. En zoals bij elke kant-en-klare koppeling ben je afhankelijk van hoe robuust de app op dat moment is. Reken de app dus als startpunt, niet automatisch als eindoplossing. Test grondig met echte inzendingen voordat je erop vertrouwt voor je leadflow.

Wanneer kies je voor een embedded HubSpot-formulier?

Een ingesloten HubSpot-formulier kies je wanneer je de ingebouwde HubSpot-functionaliteit belangrijker vindt dan de visuele controle in Webflow. Je maakt het formulier in HubSpot en plakt de embed-code in een Webflow-pagina. Het grote voordeel: tracking, pre-fill van bekende contacten, smart fields en progressive profiling werken meteen, omdat het formulier echt van HubSpot is.

De keerzijde is dat je designvrijheid inlevert. Een embed volgt de styling van HubSpot en is lastiger naadloos in je Webflow-ontwerp te passen dan een native Webflow-formulier. Voor een strak gestileerde landingspagina waar elke pixel telt voor de conversie, voelt dat vaak als een compromis. Een tussenoplossing is een custom HTML-formulier dat je in Webflow volledig zelf stijlt en dat naar HubSpot post: meer controle over het uiterlijk, met de tracking van HubSpot eronder. Dat vraagt wel iets meer technische kennis.

Hoe werkt een koppeling via Zapier of Make?

Met Zapier of Make zet je een tussenstap tussen je Webflow-formulier en HubSpot: bij elke nieuwe inzending maakt of update de tool het bijbehorende record in HubSpot. Je laat je Webflow-formulier dus precies zoals het is, met je eigen styling, en regelt de doorgifte erbuiten. Dit is al jaren de meest gebruikte route, juist omdat je vrij bent in hoe je velden mapt en wat er daarna gebeurt.

De kracht zit in de logica die je eromheen bouwt. Je kunt velden opschonen, een lead aan de juiste eigenaar of lijst toewijzen, een interne notificatie sturen of meerdere systemen tegelijk voeden vanuit een enkele inzending. Houd wel rekening met een paar zaken. Er zit doorgaans een kleine vertraging op (inzendingen worden periodiek opgehaald of via een trigger doorgezet), en bij hoge volumes loopt het aantal taken in je abonnement op. Bouw daarom altijd een vorm van foutafhandeling in, zodat een mislukte stap niet stilletjes een lead laat verdwijnen. Zo gauw leads geld waard zijn, is een verloren inzending duurder dan de tool zelf.

Wanneer ga je naar een directe API- of webhook-koppeling?

Een directe koppeling via de HubSpot-API of via webhooks kies je wanneer betrouwbaarheid, snelheid en controle zwaarder wegen dan gemak. Webflow kan een formulierinzending als webhook naar je eigen endpoint sturen, waar je de data valideert, ontdubbelt en via de HubSpot-API wegschrijft. Je krijgt dan een ontkoppelde flow met eigen retry-logica en een audittrail van wat er precies is doorgestuurd.

Dit is de route voor teams met serieuze leadvolumes, strikte eisen aan datakwaliteit, of een opzet waarin meerdere systemen netjes in sync moeten blijven. Het kost meer bouw- en onderhoudswerk en je hebt iemand nodig die de koppeling beheert. Een bijkomend voordeel is dat je niet afhankelijk bent van een tussenpartij die kan wijzigen of uitvallen: je beheert de logica zelf en weet precies wat er met elke inzending gebeurt. De afweging is simpel: hoe kritischer en groter je leadstroom, hoe eerder de extra robuustheid van een directe koppeling zich terugverdient. Voor een doorsnee B2B-site met een handvol formulieren is dat meestal overkill, en is de app of een tussenstap genoeg. Wees eerlijk over je eigen situatie en kies de eenvoudigste route die je leads betrouwbaar binnenbrengt.

Welke route past bij jou?

Het hangt af van je volume, je technische capaciteit en hoeveel je van HubSpot wilt benutten. Een eenvoudige vuistregel:

• Weinig formulieren, basis leadcapture, geen ontwikkelaar: begin met de officiele HubSpot-app of een embedded formulier.
• Je wilt je Webflow-design behouden en slimme routering of opschoning: gebruik Zapier of Make als tussenstap.
• Hoog volume, strenge datakwaliteit, meerdere systemen in sync: ga voor een directe API- of webhook-koppeling.

Belangrijker dan het platformdebat is wat je eronder regelt. Twee dingen bepalen of je koppeling echt waarde oplevert. Ten eerste UTM- en bron-doorgifte: geef de UTM-parameters en de pagina-context mee als verborgen velden, anders komen leads zonder herkomst in HubSpot en weet je niet welke campagne of pagina ze opleverde. Meer over correcte herkomstmeting lees je in onze uitleg over UTM-parameters. Ten tweede consent: leg vast dat iemand akkoord ging en wat hij aanvinkte, zodat je leadverwerking aan de GDPR voldoet en je geen ongevraagde mails stuurt.

En vergeet het formulier zelf niet. De beste koppeling redt een formulier met te veel velden of een zwakke call-to-action niet. Hoe je een formulier bouwt dat mensen ook echt invullen, behandelen we in conversie-optimalisatie van formulieren. Een goede koppeling zorgt dat elke ingevulde lead aankomt; goede formulier-UX zorgt dat er meer worden ingevuld. Je hebt beide nodig om van je site een werkende leadmachine te maken, zoals we beschrijven in een B2B-website die leads genereert.

De korte samenvatting

Webflow en HubSpot koppel je via de officiele app, een embedded formulier, een tussenstap met Zapier of Make, of een directe API- en webhook-koppeling. De app is het snelste startpunt voor eenvoudige leadcapture, maar grotendeels eenrichting en beperkt in geavanceerde functies. Voor controle, betrouwbaarheid en nette field-mapping is een tussenstap of directe koppeling vaak beter. Wat je ook kiest: regel UTM-doorgifte en consent, en zorg dat het formulier zelf converteert. Zo komt elke lead binnen, met bron en toestemming, klaar voor opvolging. Wil je dat wij je Webflow-site en CRM-koppeling conversiegericht opzetten? Bekijk onze webdesigner of plan je gratis intake. Voor het grotere plaatje rond een B2B-site die leads oplevert, start je bij onze gids over een B2B-website laten maken.