Cal.com + Framer Integration: Complete Setup Guide 2026

Integrate Cal.com with Framer for seamless booking tracking. Set up Cal.com on your Framer site with proper attribution using Pimms analytics for complete meeting conversion tracking.

Published September 29, 2025
Updated March 9, 2026
Cal.com + Framer Integration: Complete Setup Guide 2026

Cal.com + Framer integration lets you embed Cal.com directly into your Framer site with complete booking attribution. The Pimms dashboard includes interactive setup wizards that handle both Cal.com webhooks and Framer script installation — two quick wizards and you're tracking meetings end-to-end.

This is the ideal setup for founders and teams who use Framer to build their website and Cal.com to schedule demos, consultations, or sales calls. You'll see exactly which campaigns drive actual booked meetings through your Framer site.

Framer makes it easy to embed Cal.com booking widgets. Pimms adds the missing piece: attribution. Now you know not just how many meetings were booked, but which LinkedIn post, ad, or email campaign brought each prospect.

Why track Cal.com bookings on your Framer site?

  • Attribute demo bookings to specific campaigns. You drive traffic to your Framer site from multiple sources — LinkedIn, Product Hunt, Google Ads. Without Pimms, you see bookings in Cal.com but don't know which source generated them. With Pimms, every booking shows the exact campaign that brought the visitor.

  • Measure your landing page effectiveness. You built multiple Framer landing pages for different audiences (agencies, startups, enterprise). Each page has an embedded Cal.com widget. Pimms shows you which page generates the most meetings from each traffic source.

  • Track the full funnel from click to booked meeting. A visitor clicks your Pimms link, lands on your Framer site, browses your features page, and books a call. Pimms tracks the entire journey — so you know which first touchpoint started the path to a meeting.

Prerequisites

  • A Cal.com account (free or paid — webhooks work on all plans)
  • A Framer 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 Framer 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
  • Landing page performance — See which Framer pages generate the most meetings
  • Channel comparison — Compare how LinkedIn, ads, email, and organic traffic perform at generating meetings

How to set it up

This integration combines two setup wizards in your Pimms dashboard:

  1. 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
  2. Then complete the Framer wizard — This adds the detection script to your Framer 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):

  1. Install the detection script on your Framer site
  2. Verify script installation
  3. Add the pimms_id tracking field to Cal.com booking questions
  4. Configure the Cal.com webhook
  5. Create a test link
  6. Verify tracking works

Framer wizard (6 steps):

  1. Install tracking scripts (detection + form injection)
  2. Verify script installation
  3. Build a Pimms-compatible form (if applicable)
  4. Configure the Framer webhook (for form tracking)
  5. Create a test link
  6. Verify tracking works

If you only need Cal.com booking tracking (no Framer forms), the Cal.com wizard alone is sufficient.

How it works

  1. The Pimms detection script is installed on your Framer site — when a visitor arrives via a Pimms link, the script detects the click ID
  2. The script auto-injects the tracking ID into Cal.com embeds on the page via the hidden pimms_id field
  3. The visitor books a meeting through your embedded Cal.com widget — the booking includes the Pimms click ID
  4. Cal.com fires a webhook to Pimms with the booking data and tracking ID
  5. Pimms attributes the meeting to the original campaign, visible in your dashboard

The key advantage of this approach is that the detection script handles the handoff between Framer and Cal.com automatically — no manual URL parameter passing needed.

  • LinkedIn — Share your Framer landing page via Pimms to track which posts and articles book the most demos
  • Paid ads — Point Google or Meta ads to Pimms links for your Framer site to measure ad-to-meeting conversion
  • Email outreach — Use Pimms links in cold emails and sequences to see which messages drive meeting bookings
  • Product Hunt and communities — Track how many demo bookings come from launch-day traffic
  • Blog content — Add tracked links in guest posts and articles that link to your Framer booking page

What you'll see in your dashboard

Your Pimms dashboard shows every Cal.com booking from your Framer 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 landing page to compare which campaigns generate the most meetings.

FAQs

Do I need a paid Framer plan for Cal.com integration?

It depends on how you add the script. Framer's free plan allows custom code in site settings, but a paid plan gives more flexibility. Most users have a paid Framer plan for other features 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 Framer's CMS?

Yes! You can use Framer'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.

Can I track multiple Cal.com calendars on the same Framer site?

Yes! You can embed multiple Cal.com calendars and track them all with Pimms. Each calendar's bookings will be attributed to the specific campaign and page that drove the visitor.

It starts here

If you made it this far, it's time to grab 10 free links.

10 smart links included • No credit card

The Complete Tracking Plan 2026
Free guide

The Complete Tracking Plan

The exact framework used to set up real tracking systems behind real revenue. Stop guessing which channel drives results.

  • The 5 growth layers every business needs to track
  • The golden rule of UTM architecture
  • Free Google Sheet templates included

Continue Reading

Explore more insights and strategies