Cal.com + Webflow integration lets you embed Cal.com directly into your Webflow site with complete booking attribution. The Pimms dashboard includes interactive setup wizards for both Cal.com and Webflow — two quick wizards and you're tracking meetings end-to-end.
This is the ideal setup for agencies, consultants, and service businesses who use Webflow to build their marketing site and Cal.com to schedule client calls. You'll see exactly which campaigns generate actual booked meetings through your Webflow pages.
Webflow is great for building professional marketing sites with embedded booking widgets. Pimms adds the missing piece: attribution. Now you know which page, campaign, or ad brought each prospect who booked a meeting.
Why track Cal.com bookings on your Webflow site?
-
Know which service page generates the most consultations. You have separate Webflow pages for each service you offer, each with an embedded Cal.com booking widget. Pimms shows you which pages drive the most bookings and from which traffic source.
-
Prove ROI to clients. If you're an agency running campaigns that drive traffic to a Webflow site with Cal.com booking, Pimms gives you clear data to show clients: "Your LinkedIn campaign generated 14 demo bookings this month."
-
Compare SEO vs paid traffic for meeting generation. Your Webflow site ranks organically and you also run paid ads. Both drive traffic to your booking page. Pimms shows you which source generates more meetings — so you know where to invest.
Prerequisites
- A Cal.com account (free or paid — webhooks work on all plans)
- A Webflow site with Cal.com embedded (paid plan recommended for custom code)
- A Pimms account (sign up here)
What you'll track
- Cal.com bookings from your Webflow site — Every meeting booked through your embedded Cal.com widget
- Meeting attribution by campaign — Which ad, email, social post, or referral source drove each booking
- Page-level performance — See which Webflow pages generate the most meetings
- Channel comparison — Compare how different traffic sources perform at generating bookings
How to set it up
This integration combines two setup wizards in your Pimms dashboard:
- Complete the Cal.com wizard first — This configures the webhook that sends booking events to Pimms and adds the tracking field to your Cal.com forms
- Then complete the Webflow wizard — This adds the detection script to your Webflow site so visitors from Pimms links are identified
Both wizards are guided step-by-step. Total setup time is about 10 minutes for both.
What the setup wizards cover
Cal.com wizard (6 steps):
- Install the detection script on your Webflow site
- Verify script installation
- Add the pimms_id tracking field to Cal.com booking questions
- Configure the Cal.com webhook
- Create a test link
- Verify tracking works
Webflow wizard (6 steps):
- Install tracking scripts (detection + form injection)
- Verify script installation
- Build a Pimms-compatible form (if applicable)
- Configure the Webflow webhook (for form tracking)
- Create a test link
- Verify tracking works
If you only need Cal.com booking tracking (no Webflow forms), the Cal.com wizard alone is sufficient.
How it works
- The Pimms detection script is installed on your Webflow site — when a visitor arrives via a Pimms link, the script detects the click ID
- The script auto-injects the tracking ID into Cal.com embeds on the page via the hidden
pimms_idfield - The visitor books a meeting through your embedded Cal.com widget — the booking includes the Pimms click ID
- Cal.com fires a webhook to Pimms with the booking data and tracking ID
- Pimms attributes the meeting to the original campaign, visible in your dashboard
The detection script handles the handoff between Webflow and Cal.com automatically — no manual URL parameter passing needed.
Best ways to share your tracking links
- Google Ads — Point search ads to Pimms links for your Webflow booking pages to measure keyword-to-meeting conversion
- LinkedIn — Share your consultation page via Pimms to track which LinkedIn activity books the most calls
- Email outreach — Use Pimms links in cold emails to measure which sequences generate meeting bookings
- Guest articles — Include tracked links in guest posts that drive traffic to your Webflow site
- Directories and listings — Add Pimms links in business directories to track referral-driven meetings
What you'll see in your dashboard
Your Pimms dashboard shows every Cal.com booking from your Webflow site in real time with full campaign attribution. For each meeting, you'll see the attendee's name and email, the event type, and the complete trail — which Pimms link they clicked, from which platform, and which campaign. Filter by date, channel, or page to compare which campaigns generate the most meetings.
FAQs
Do I need a paid Webflow plan for Cal.com integration?
It depends on your setup. Webflow's free plan allows some custom code, but a paid plan gives full access to head code injection and site-wide scripts. Most users have a paid Webflow plan and can add the tracking script easily.
Can I customize the Cal.com booking form appearance?
Yes! Cal.com offers extensive customization options for colors, branding, and form fields. You can customize these in your Cal.com dashboard under Event Types → Advanced → Booking Questions.
Will this work with Webflow's CMS?
Yes! You can use Webflow's CMS to create dynamic booking pages with different Cal.com links for different team members or services. The detection script works across all pages, including CMS collection pages.
Can I use Pimms short links for the fullscreen calendar method instead of adding ?pimms_id=1?
Yes, but this approach breaks attribution tracking. When you use a Pimms short link directly to Cal.com, all bookings will be attributed to the button click rather than the actual traffic source.
Use Pimms short links only for:
- Short-term A/B testing (max 1 month)
- Testing which button design converts better
- Quick setup when you need immediate tracking
For long-term tracking and proper attribution, always use the Cal.com link with ?pimms_id=1 parameter.
Can I track both Webflow form submissions AND Cal.com bookings?
Yes! If you have both Webflow forms and Cal.com booking widgets on your site, setting up both wizards will track all conversions. Form submissions and meeting bookings will both appear in your Pimms dashboard with full attribution.
It starts here
If you made it this far, it's time to grab 10 free links.
10 smart links included • No credit card
