“At Navi, protecting personal health information is a non-negotiable, so choosing Cal.com for scheduling just makes sense.”
MF
Micah Friedland
CEO & Founder, Navi
Embed a scheduling widget on your website with Cal.com
Add seamless scheduling to your site with the Cal.com embed widget. Cal.com currently supports four flexible embedding options: inline embed, floating pop-up button, pop-up via element click, and email embed.
yourwebsite.com
Acme
Product Demo
30 min video call with our team.
30mZoom
November 2025
SMTWTFS
123456789101112131415161718192021222324252627282930
Nov 12
09:0009:3010:0010:3011:0011:3013:0013:30
Trusted by fast-growing companies around the world
Trusted by fast-growing companies around the world
How to embed the Cal.com scheduling widget on your website
The Cal.com embed widget is simple to set up and highly flexible. It lets you embed the full scheduling experience into your website, landing page, app, or portal. Users can book directly without ever leaving your site.
Sales Demoacme/sales
30mZoom
Mon, Nov 2409:0009:3010:0010:3011:00
Make your event type
Set up your event in Cal.com with your preferred settings and availability.
Embed type
Inline embed
Floating button
Pop-up on click
Email embed
Choose the embed type
Pick a format (inline, pop up, button, or email) and copy the generated code.
Button color#4050FF
#4050FF
PreviewBook a call
Adjust your embed and publish
Add the code to your website or app. Your scheduler will be live instantly!
All available embedding solutions to easily schedule meetings
Cal.com provides four powerful ways to embed scheduling into your user experience. Each format is designed for specific use cases, layout needs, and booking flows.
Pick a time30m
09:0009:3010:0010:30
Inline embed
Display the booking calendar directly in your page layout. This is the most popular and seamless option for real-time scheduling on your website.
Floating pop-up button
Use a persistent button that triggers a scheduling modal. Boosts conversion without disrupting your website page design.
Schedule
Product Demo30m
9:009:3010:0010:3011:0011:30
Pop-up via element click
Link the embed to a custom element like a button or image. Control exactly how and when users start the booking process.
Alex from Acme[email protected]
10:24Want to chat next week?
Pick a time
Cheers, Alex9:009:3010:0010:30
Email embed
Add personalized booking links in email campaigns that open a pre-filled booking form. Ideal for outreach and follow-ups.
White-label the scheduling widget by using our booker atom
For teams that need full control over the booking experience, Cal.com offers complete customization of the booker component using platform atoms. Developers can modify individual parts of the booking UI or rebuild the entire booking flow using modular, open components.
Trustpilot
P
G2
Key benefits to embed a scheduling widget with Cal.com
Embedding Cal.com directly into your site improves the user experience, increases conversion rates, and gives you more control over the booking journey.
Increase website conversions with embedded scheduling
Keep users on your site and reduce booking drop off. Cal.com embeds offer a faster, more intuitive way to convert visitors into meetings.
Get startedMatch your brand with customizable embed formats
Use inline embeds, pop ups, or buttons to align with your site layout and branding. Customize colors and styles to create a seamless experience.
Book a demoFast setup and complete control
Generate your embed code, paste it into your site, and go live. You manage the full booking flow from start to confirmation without sending users away.
Get started// Paste this in your head tag
<script src="https://cal.com/embed.js"></script>
// Add this where you want the calendar
<div id="cal-embed"></div>
<script src="https://cal.com/embed.js"></script>
// Add this where you want the calendar
<div id="cal-embed"></div>
Powerful scheduling embed features for developers and teams
The embed system includes advanced features for technical users and teams that need full customization and integration capabilities.
See how to embed a booking widget on your website
See how fast it is to embed Cal.com on any website. This quick video walks through setup, configuration, and real examples.
Don't just take our word for it
Our users are our best ambassadors. Discover why we're top choice for scheduling meetings.
“More elegant than Calendly, more open than SavvyCal, Cal.com works and it feels just right.”
FM
Flo Merian
Product Marketing, Mintlify
All your key tools in-sync with your meetings
Cal.com works with apps already in your flow and keeps everything in sync.
+++
See why our users love Cal.com
Read impact we've had from those who matter most - our customers.
Frequently asked questions about Cal.com embed
These are some of our most frequently asked questions.
Embed an online booking widget into your website instantly with Cal.com
Start embedding scheduling into your site today. No plugins or redirects. Just clean, fast, high-converting booking.