CalBookingEmbed

Cal.com embed: Inline, Popup & Floating

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.

Cal.com embed: Inline, Popup & Floating