Website & Development
Webflow koppelen aan HubSpot (en je marketingstack): leads uit je formulieren halen
Kopieer voor AI
Je koppelt Webflow aan HubSpot via een van vier routes.
Dat zijn de officiële 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.
Het verdict: voor een eenvoudige webflow hubspot integratie volstaat de app. Wil je betrouwbare field-mapping, deduplicatie en volledige tracking, dan is een tussenstap of een directe koppeling vaak de betere keuze.
De native app bestaat sinds 2023 en wordt nog steeds verbeterd, maar blijft bedoeld voor eenvoudige leadcapture.
Werk je met een ander platform of CRM? Dan gelden dezelfde principes. De bredere aanpak staat in je website koppelen aan je CRM zoals HubSpot of Salesforce.
Heeft Webflow een native HubSpot-koppeling?
Ja, die bestaat. Een officiële HubSpot-app koppelt je native Webflow-formulieren rechtstreeks aan HubSpot.
Volgens het Webflow-helpcenter is die beschikbaar sinds 29 augustus 2023.
Hoe de app werkt
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 gaat dat via het mechanisme voor “non-HubSpot forms”.
Webflow is daarbij het platform waar je formulier leeft en gestyled wordt:
De homepage van Webflow, oktober 2026. De HubSpot-app installeer je vanuit de Designer, niet vanuit HubSpot.
Wat de app-pagina belooft
De HubSpot-app in de Webflow Marketplace noemt vier manieren om formulieren te verbinden:
- Webflow-formulieren: via non-HubSpot forms, met je eigen styling
- iframe-embed: gestyled in de stijleditor van HubSpot
- Developer-embed: HubSpot verwerkt, jij stylet het formulier zelf
- Webflow Campaigns: een HubSpot-formulier op een campagnepagina
Let op: de embed-styling en de nieuwe formuliereditor vragen volgens die pagina een HubSpot Marketing Professional- of Enterprise-plan (gecontroleerd op 4 november 2026).
Voor veel sites is de app genoeg om leads geordend binnen te krijgen en basis-automatisering te laten draaien, zonder code.
De beperkingen
Die zijn echter reëel. 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.
HubSpot laat tot 10.000 non-HubSpot forms per account toe. Zijn kennisbank noemt wel een paar grenzen:
- de HubSpot-trackingcode moet op de pagina laden
- het formulier heeft een veld van het type e-mail nodig
- verborgen velden worden niet verzameld
- een scriptblocker kan een inzending laten wegvallen
Die derde grens raakt je UTM-doorgifte, waar we verderop op terugkomen.
Vuistregel: zie de app als startpunt, niet automatisch als eindoplossing. Test met echte inzendingen voor je erop vertrouwt.
Wanneer kies je voor een embedded HubSpot-formulier?
Als HubSpot-functies zwaarder wegen dan design. Dan geef je de visuele controle in Webflow deels op.
Je maakt het formulier in HubSpot en plakt de embed-code in een Webflow-pagina.
Wat je wint
Alles werkt meteen. Tracking, pre-fill van bekende contacten, smart fields en progressive profiling zitten erin, want het formulier is echt van HubSpot.
Dit is ook de plek waar je HubSpot-CRM het rijkst gevuld wordt:
De pagina van het HubSpot CRM, oktober 2026. Elke formulierroute eindigt hier als contactrecord.
Wat je inlevert
Designvrijheid. Een embed volgt de styling van HubSpot en past lastiger naadloos in je Webflow-ontwerp dan een native formulier.
Voor een strak gestileerde landingspagina waar elke pixel telt voor de conversie, voelt dat vaak als een compromis.
De tussenoplossing
Een custom HTML-formulier dat je in Webflow volledig zelf stijlt en dat naar HubSpot post.
Zo houd je de 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 formulier blijft precies zoals het is, met je eigen styling.
Dit is al jaren de populairste route. Je bent vrij in hoe je velden mapt en wat er daarna gebeurt.
Zapier is de bekendste van de twee:
De homepage van Zapier, oktober 2026. Een trigger op een nieuwe Webflow-inzending is de klassieke start van zo’n flow.
Wat je met die logica kunt doen
De kracht zit in wat je eromheen bouwt. Bijvoorbeeld:
- velden opschonen voor ze in HubSpot landen
- een lead aan de juiste eigenaar of lijst toewijzen
- een interne notificatie sturen naar sales
- meerdere systemen voeden vanuit één inzending
Hoe je die toewijzing slim opzet, lees je in leads routeren en toewijzen.
Make doet hetzelfde, met een visuele editor waarin je elke stap als blok ziet:
De homepage van Make, oktober 2026. Handig als je flow vertakt naar meerdere systemen.
Waar je op let
Er zit doorgaans een kleine vertraging op. Inzendingen worden periodiek opgehaald of via een trigger doorgezet.
Bij hoge volumes loopt het aantal taken in je abonnement op.
Let op: bouw altijd foutafhandeling in, zodat een mislukte stap niet stilletjes een lead laat verdwijnen. Zodra leads geld waard zijn, is een verloren inzending duurder dan de tool zelf.
Hoe je zulke lekken opspoort, staat in lead leakage in je funnel.
Wanneer ga je naar een directe API- of webhook-koppeling?
Als betrouwbaarheid zwaarder weegt dan gemak. Snelheid en controle tellen dan het meest.
Webflow kan een formulierinzending als webhook naar je eigen endpoint sturen (zo staat het in de Webflow-documentatie).
Hoe zo’n flow eruitziet
Op je endpoint valideer je de data, ontdubbel je ze en schrijf je ze via de HubSpot-API weg.
HubSpot heeft daarvoor een endpoint om data naar een formulier te sturen. Daarin geef je ook context mee:
- hutk: de trackingcookie, zodat het bezoek aan het contact hangt
- pageUri en pageName: op welke pagina het formulier stond
- legalConsentOptions: welke toestemming iemand gaf, met de tekst erbij
Je krijgt zo een ontkoppelde flow met eigen retry-logica en een audittrail van wat er precies is doorgestuurd.
Meer over hoe zulke koppelingen werken, lees je in onze uitleg over API-integraties op je website.
Voor wie dit loont
Voor teams met serieuze leadvolumes, strikte eisen aan datakwaliteit, of meerdere systemen die netjes in sync moeten blijven.
Het kost meer bouw- en onderhoudswerk. Je hebt iemand nodig die de koppeling beheert.
Bijkomend voordeel: je bent niet afhankelijk van een tussenpartij die kan wijzigen of uitvallen. Je beheert de logica zelf.
Wanneer het overkill is
Hoe kritischer en groter je leadstroom, hoe eerder de extra robuustheid zich terugverdient.
Voor een doorsnee B2B-site met een handvol formulieren is dat meestal overkill. Dan zijn de app of een tussenstap genoeg.
Vuistregel: kies de eenvoudigste route die je leads betrouwbaar binnenbrengt.
Welke route past bij jou?
Drie dingen beslissen. Je volume, je technische capaciteit en hoeveel je van HubSpot wil benutten.
Zo ziet de keuze eruit in één beeld:
De vuistregel per situatie
| Jouw situatie | Route | Waarom |
|---|---|---|
| Weinig formulieren, basis leadcapture, geen ontwikkelaar | Officiële HubSpot-app of embedded formulier | Snelst live, geen code |
| Je wil je Webflow-design behouden en slim routeren of opschonen | Zapier of Make als tussenstap | Vrije field-mapping en extra stappen |
| Hoog volume, strenge datakwaliteit, meerdere systemen in sync | Directe API- of webhook-koppeling | Eigen validatie, retry en audittrail |
Onze ervaring: we zetten HubSpot, Pipedrive, Teamleader en Salesforce op voor klanten. Welk CRM het ook is, de vragen hieronder komen altijd terug.
Twijfel je nog over het CRM zelf? Onze vergelijking van het beste CRM voor B2B helpt je kiezen.
UTM- en brondoorgifte
Belangrijker dan het platformdebat is wat je eronder regelt.
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.
Let op: non-HubSpot forms verzamelen geen verborgen velden. Wil je UTM’s betrouwbaar meegeven, dan heb je een embed, een tussenstap of de API nodig.
Meer over correcte herkomstmeting lees je in onze uitleg over UTM-parameters. Hoe je die bron in je CRM vastlegt, staat in de leadbron registreren in je CRM.
Draai je Google Ads? Bewaar dan ook de klik-ID, zoals uitgelegd in GCLID opslaan in je CRM.
Consent
Leg vast dat iemand akkoord ging en wat hij aanvinkte. Zo voldoet je leadverwerking aan de GDPR en stuur je geen ongevraagde mails.
Hoe je dat formulier zelf in orde brengt, lees je in een AVG-conform contactformulier.
Het formulier zelf
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 voor een B2B-website die leads genereert.
Hoe test je of je Webflow HubSpot integratie werkt?
Met echte testinzendingen, voor je live gaat en na elke wijziging aan formulier of koppeling.
Loop deze controle per formulier door:
- Vul het formulier in met een testadres en een UTM-link.
- Check of het contact binnen enkele minuten in HubSpot staat.
- Kijk of bron, pagina en consent op het record staan.
- Stuur een tweede inzending en controleer of er geen duplicaat ontstaat.
Let op: test ook met een adblocker aan. Wegvallende inzendingen zie je anders pas als sales klaagt.
Een formulier zonder bedankpagina meet je trouwens anders, zoals formulierconversies zonder bedankpagina laat zien.
Vuistregel: een koppeling die je niet test, is een koppeling waarop je hoopt.
De korte samenvatting
Webflow en HubSpot koppel je via de officiële 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 hoe we een Webflow-website laten maken aanpakken, en neem contact op.
Voor het grotere plaatje start je bij onze gids over een B2B-website laten maken.
Gratis website-scan
Geef je website in en krijg binnen enkele minuten een automatische scan met concrete technische en SEO-verbeterpunten. Geen verkooppraatje.
Je gegevens gebruiken we alleen voor je scan. Geen spam, uitschrijven kan altijd.