CalBookingEmbed

Cal.com Booking Embed gives your Framer site a fully functional scheduling widget — no backend, no redirects, no extra code.

All three embed modes are packed into a single component:

Inline

Display the complete Cal.com booking calendar directly on your page. Visitors can pick a date and time without ever leaving your site.

Popup Modal

A clean button that opens a full booking overlay on click. Perfect for CTAs, landing pages, and hero sections.

Floating Button

A persistent pill button fixed to any corner of your page. Always visible, never intrusive.

Property Controls

— Cal Link: paste your Cal.com slug (e.g. yourname/30min)

— Theme: Light / Dark / Auto

— Layout: Month / Week / Column view

— Brand Color: match your site's accent color

— Hide Event Details: toggle for a cleaner look

— Button Text, Color, Border Radius (Popup mode)

— Float Position: Bottom Right / Left, Top Right / Left (Floating mode)

— Inline Height: adjustable from 300px to 1200px

Requirements

A free Cal.com account. Sign up at cal.com — works from any country.