Embed a Cal.com routing form on your Webflow site. Its answers send each lead to the right host’s booking page, and Cal.com’s HubSpot app logs the meeting on the lead’s contact record.
Independent review. IonBin has no partnership with any tool on this page and was not paid for this page. Our evaluation is our own, based on public documentation and our research. Product names are trademarks of their owners and are used for identification only. How disclosure works.
Goal
Turn form fills into booked meetings without manual routing.
Confirmed means the vendor documents it (linked). It doesn't mean IonBin has tested it. AI-platform and human steps need no source.
Human approval
You own the routing rules.
Watch out for
Keep the human approval step: You own the routing rules.
Starter prompt
Goal: Turn form fills into booked meetings without manual routing. Tools involved: Webflow, Cal.com, HubSpot. Work step by step, show me each draft or proposed change, and wait for my approval before anything is sent, published, signed, filed or changed in a live system.
Assembled from this page’s goal and steps. Paste it into your AI platform and adjust it to your situation.
No platform-specific connection: the steps run in the tools themselves (browser, upload or built-in).
ChatGPT
Confirmed
No platform-specific connection: the steps run in the tools themselves (browser, upload or built-in).
Gemini
Confirmed
No platform-specific connection: the steps run in the tools themselves (browser, upload or built-in).
Perplexity
Confirmed
No platform-specific connection: the steps run in the tools themselves (browser, upload or built-in).
Computed from the MCP and API steps only: "Confirmed" needs the tool's docs to name the platform and the platform to support the connection. Browser, upload and human steps work from any platform.
What we checked
Embed. Cal.com can embed a routing form (forms/YOUR_FORM_ID) inline, as a pop-up or as a floating button, using the snippet from the routing form’s page. In Webflow, paste it into a Code Embed element, which needs a Core, Growth, Agency or Freelancer Workspace or an active Site plan.
Routing. Cal.com’s guide creates the routing form under the same team as the booking link and routes on the answers, for example a Service field matched to team members’ attributes. It recommends an Email field with the identifier email so CRM integrations can look up the contact. Cal.com also has a headless router if you’d rather keep a Webflow form and pass its answers in the URL.
HubSpot. On booking, Cal.com’s HubSpot app creates a meeting record and associates it with the attendee’s contact. It updates the record on reschedule or cancellation. An option lets you skip creating contacts that don’t already exist.
Set it up
Build the routing form in Cal.com with an email field and one routing question.
Embed it on the Webflow page and test each route.
Turn on the HubSpot app for the event types it routes to.
Review the routes and the HubSpot records once a month.
