Cal.com is a flexible scheduling component that brings booking directly into your Framer projects through inline embeds, popup modals, and floating call buttons. It transforms simple pages into interactive scheduling experiences without sending users away.
The component supports multiple embed modes, allowing you to place a full booking calendar inline, trigger a scheduling modal through a CTA button, or add a floating booking button anywhere on screen.
Designed for conversion, popup and floating modes let you turn any section into a booking touchpoint, while inline embeds create a fully integrated scheduling experience directly inside the layout.
Customization includes theme controls, button styling, text editing, border radius settings, floating button placement, and adjustable inline embed height, making it easy to fit into any brand system.
Built for usability and performance, the component loads Cal.com intelligently, supports light, dark, and auto themes, and works smoothly across devices.
Inline Cal.com booking embed
Popup scheduling modal
Floating booking call button
Light, dark, and auto themes
Customizable booking CTA button
Adjustable floating button positions
Configurable inline calendar height
Smooth script loading and performance optimized
Responsive scheduling experience
Easy Cal.com link integration
Portfolio contact pages
Agency lead generation sites
Consultant booking pages
SaaS demo scheduling flows
Sales and discovery call pages
Personal websites and creator pages
Designers building booking flows
Freelancers and consultants
Agencies capturing leads
SaaS teams scheduling demos
Businesses streamlining appointments
Turns websites into booking experiences
Reduces friction in scheduling
Improves conversions with embedded CTAs
Offers flexible scheduling formats in one component
Combines utility, polish, and performance
Mohd Mehraj
