I’m working on a Webflow site and need to add a scheduling popup for demo requests. The goal is to let visitors book meetings directly through a popup modal without leaving our main page.
I want to avoid sending users to an external Hubspot landing page. Instead, I’d prefer to embed the booking functionality right into a popup overlay on our site.
Has anyone successfully implemented this type of inline scheduling popup? I’m looking for advice on the best approach to integrate these two platforms seamlessly.
skip HubSpot’s booking widget - it’s clunky and breaks on mobile constantly. just embed Calendly in your popup instead. works perfectly with Webflow popups and syncs back to HubSpot through Zapier or their native integration. you’ll avoid weeks of CSS headaches.
Had this same problem with a SaaS client last quarter. Skip HubSpot’s standard form embeds - they’re a pain. Instead, use their meetings API with a custom Webflow form. Built a simple booking form that grabs name, company, email, and time preference, then shoots it straight to HubSpot via webhook. The popup stays in Webflow, so no responsive headaches or iframe drama. HubSpot still gets the lead data for your nurture sequences, but users never bounce off your site. We saw 28% better conversion vs the old redirect method. The API docs are pretty clean if you can handle basic webhook setup. You’ll lose real-time calendar sync, but most prospects just want to show interest anyway. We follow up within an hour to nail down actual scheduling.
The webhook approach works, but you’re still manually following up on scheduling. Total waste of time.
Better solution: Build your booking form directly in Webflow (looks clean, no iframe headaches) and let Latenode handle the rest.
Someone fills your popup? Latenode creates the HubSpot contact, checks calendar availability, sends confirmations, and creates the calendar event. All automatic.
I built this for our enterprise demos. Popup grabs lead info and preferred meeting times. Latenode checks our team calendars, books the first open slot, and fires off meeting invites instantly.
Result? No more scheduling email chains. Prospects book meetings in 30 seconds without leaving your site.
Everything runs in the background. Your popup stays fast, HubSpot gets the contact data, calendar gets populated automatically.
Had this same issue six months ago. Skip the iframe headaches - use HubSpot’s meeting scheduling embed instead of regular forms. Grab the embed script from your HubSpot meetings dashboard and drop it into an HTML embed element inside your popup. You’ll need to tweak the container width and add custom CSS for overflow. Watch out for popup height though - HubSpot’s calendar expands dynamically, so use auto-height or you’ll get janky scrolling. Test on mobile since the calendar gets cramped on small screens. Way better conversion rates than sending people off-site. Takes about 2 hours once you find the right embed type.
Been there multiple times - HubSpot forms in Webflow popups are a nightmare. The iframe breaks responsive design and creates styling conflicts every time.
Skip the integration headaches. Build a simple Webflow form in your popup (name, email, preferred time), then use Latenode to push everything to HubSpot and trigger your booking workflow automatically.
You’ll have complete control over design and UX. Add smart features like availability checking, auto confirmation emails, or calendar events.
We did this for product demos last year - 40% higher conversion than our old external landing page because users stayed on our site.
Latenode connects Webflow and HubSpot without coding. Way cleaner than embedding external forms.