Running a Webflow agency means you're perpetually solving the same problems for different clients. One of the most common — and most expensive — is what happens after a contact form gets filled out. Your client paid for a beautiful site. But if the lead capture is broken, the site is a very expensive brochure.
The challenge for agencies isn't just fixing this once — it's building a repeatable process you can deploy across every client in your portfolio, fast.
Why Each Client Needs Its Own Integration (But Shouldn't Need Its Own Build)
Every client has a different HubSpot portal, different forms, different properties, and potentially different GDPR jurisdictions. That means you can't just copy-paste a solution from client to client. But you also can't afford to build a bespoke integration from scratch for each engagement — the economics don't work.
The goal is a templated approach that handles the common case automatically and lets you customise the exceptions without duplicating effort.
Phase 1 — Audit Before You Build
Before touching any code or configuration, audit the existing setup. For each client, answer these questions:
- Which forms are collecting leads? (There are almost always more than the client realises.)
- Where is that data going today — and is it actually arriving?
- What HubSpot properties need to be populated for existing workflows to fire correctly?
- Does the client operate under GDPR, CCPA, or another consent framework?
- Who needs to be notified when a new lead comes in, and through which channel?
This audit takes 30–60 minutes per client and saves hours of debugging later. Document it. You'll use it as the spec for your integration configuration.
Phase 2 — Standardise Your Field Mapping
The most common point of failure in agency setups is inconsistent field naming. A client's Webflow form has a field labelled "Company Name." Their HubSpot property is called "company." The Zapier task maps it to "company_name." Nothing matches. The data drops.
Create a field mapping template that you use for every client. It should include:
- The Webflow form field label
- The Webflow input
nameattribute (what you actually set) - The HubSpot property internal name (from HubSpot → Settings → Properties)
- The HubSpot property type (text, dropdown, checkbox, etc.)
- Whether this field is required for workflows to fire
Agency tip: Use the same Webflow input name attributes across all client sites wherever the HubSpot property name is standard (e.g., always use name="firstname" for first name, name="email" for email). This means your integration template works without changes for the standard fields, and you only configure the custom ones.
Phase 3 — Build a Reusable Integration Template
The core of a reusable agency integration is a small JavaScript snippet that you can drop into any Webflow project. It needs three configurable values:
- The client's HubSpot Portal ID
- The specific form GUID from HubSpot
- The form selector — which Webflow form this applies to
Everything else — capturing the form data, attaching the HubSpot tracking cookie, posting to the API, handling the response — is identical across every client. Template it once. Maintain it once. Deploy it everywhere.
Handling Multiple Forms Per Site
Most client sites have more than one form: a contact form, a newsletter signup, a pricing enquiry form. Each one will map to a different HubSpot form GUID. Your template should support an array of form configurations, each with its own selector and GUID, so you can handle all of them with a single snippet of code.
Phase 4 — Configure Notifications and Assignment
Raw CRM data isn't enough — your client's sales team needs to know when a lead arrives and who should own it. In HubSpot, this is done through workflows triggered on contact creation. Set up a standard workflow template for each client that:
- Sends an internal notification to the relevant owner
- Assigns the contact to the right pipeline stage based on which form was submitted
- Enrols the contact in the appropriate nurture sequence
- Creates a deal in the pipeline if the form indicates commercial intent
The critical dependency here is your field mapping from Phase 2. If the form doesn't pass the right properties, the workflow conditions won't match.
Phase 5 — Monitor and Alert
Integration failures are silent by default. A Zap hits its task limit. An API key expires. A form field gets renamed. The data stops flowing and no one knows for days — or weeks.
Build monitoring into your delivery. At minimum:
- Set a weekly reminder to check form submission volumes in HubSpot against Webflow analytics (a sudden divergence means something broke)
- Use HubSpot's workflow failure notifications to alert you when a triggered workflow encounters an error
- Test the form submission manually at least once per month from each live client site
Better option: Use a tool that monitors the integration for you and sends an alert if submission volumes drop unexpectedly. The manual approach works but it requires discipline — and discipline degrades over time across a growing client portfolio.
Packaging This as a Retainer Service
The agencies we see doing this well don't just set up the integration and hand it off. They sell it as an ongoing service — a "lead capture health" retainer that includes monthly testing, field mapping updates when the client changes their forms, and quarterly audit reports showing how many leads came in and what happened to them.
The margin on this is high because the ongoing work, once the template is in place, is minimal. And the value to the client is quantifiable — they can see the leads arriving and trace them through the pipeline.
The agencies that have cracked this don't think about form integrations as a one-time technical task. They think of it as a core part of their service delivery — the piece that makes everything else they built actually produce revenue for the client.
If you want a faster path to the reusable template, Flowtusk was built specifically for this use case. One account, multiple client sites, visual field mapping, and monitoring included.
One account. All your clients.
Flowtusk was built for agencies. Connect multiple Webflow sites to multiple HubSpot portals from a single dashboard — with visual field mapping and built-in monitoring.
See the agency plan →