Embed
Booking, right on your website
Put your booking page inside your own site: in a section, behind a button, in a pop-up, or as times in an email. It takes your colour, and nobody leaves the page to book.
One site, four ways to book
Northwind Studio takes intro calls with Pieter from its website. Pick how the booker sits, and the colour it takes.
Brand color
A button in the corner of every page that opens the booker.
Copy one snippet
Choose the embed, set the theme, the brand colour and the layout, and paste the code into your site. HTML or React, and the React Atom when you want to build the booker yourself.
It already knows who's booking
Put the name and email in the link and the form arrives filled in. Add UTM tags and the booking keeps where it came from.
Four. Inline puts the booker in your page. A floating pop-up button sits in a corner of every page. Pop up via element click opens the booker from any button or link. Email embed puts a few of your open times into an email.
Open a booking link in Cal.com, press Embed and choose a format. Set the theme, brand colour and layout, press Copy code, and paste the snippet into your site's HTML or React app.
Yes. Add the fields to the link as query parameters, such as name and email, or any custom question you've set up. The form opens with them filled in.
Yes. Add UTM parameters to the link and they're kept with the booking, so you can tell which campaign, source or medium it came from.
Yes, with Atoms: React components from @calcom/atoms, from the whole booker down to the date picker and time slots, which you style and arrange yourself.
Yes. The snippet points at your own instance, and every format works the same way.