Embed

Simple scheduling with embed

Copy and paste our code snippet to quickly start booking clients

teams
squares

Get your Cal.com booking page on your website by using the Embed feature.

Without utilizing the embed:

  1. Add your Cal.com link to the page.

  2. The link opens in a new tab or in the same tab (replacing your website)

  3. The attendee would book your link and then come back to your website (if you use the in the event type settings)


When using the Cal.com embed:

  1. Attendees would directly see your booking link inside your own webpage like it's part of your website (Yes, you can heavily customize embed styling)

  2. Using the inline embed, the entire booking would happen on your website, making it a seamless end-user experience.

Scheduling should be simple, and adding a bookable event to your website should be effortless.

With Cal, adding an embeddable event is as easy as clicking a button. Our platform lets you choose from a variety of embeddable formats.

You can choose to display your embedded event inline, or as a button or pop-up. You can also customize the look of your embed without having to touch a single line of code.

Once you’re ready, Cal.com generates a previewable block of HTML or React that you can copy and paste wherever you need to.

Embedding bookable events isn’t complicated, frustrating or difficult when you use Cal.com

Integrations

Connect your favorite apps

Cal.com works with all apps already in your scheduling flow ensuring everything works perfectly together.

Explore all apps
Integration Grid Background
Integration 1
Integration 2
Integration 3
Integration 4
Integration 5
Integration 6
Integration 7
Integration 8

Scheduling for companies and employees of

Customer Logo
Customer Logo
Customer Logo
Customer Logo
Customer Logo
Customer Logo
Customer Logo
Customer Logo
Customer Logo
Customer Logo
squares

Smarter, simpler scheduling

Product of the DayProduct of the WeekProduct of the MonthCal.com on Product HuntCal.com on GoogleCal.com on G2