How to embed Cal.com booking on your website
Cal.com is a free, open-source scheduling tool — a strong Calendly alternative. Here's how to embed it on your website so people book time with you without the back-and-forth.
Quick answer
Create a free Cal.com account and set your availability and event type, then copy your booking link (cal.com/yourname/30min) or the inline embed code. On your website, add a 'Book a call' button to that link, or paste the embed code into a code block — on Adviita, ask the AI editor to add the button or an embed section. Put it in your hero and contact area.
Step-by-step
- 1
Set up your Cal.com event type
Create a free Cal.com account, connect your calendar (Google, Outlook, etc.) so it only offers times you're actually free, and create an event type — e.g. '30-minute consultation'. Set duration, buffers, and any questions you want asked at booking.
- 2
Copy your booking link or embed code
From your event type, copy the public booking link (cal.com/yourname/consultation). For an inline version, open the Embed option and copy the code — Cal.com offers inline, pop-up, and floating-button embeds.
- 3
Add it to your website
For the simplest setup, add a button linking to your Cal.com URL — on Adviita, tell the AI editor: 'Add a Book a call button linking to [your Cal.com link]'. For the inline calendar, add an embed/code block and paste Cal.com's embed snippet. The inline version keeps people on your page.
- 4
Place it at decision points
For consultants, coaches, and service providers, 'book a call' is the main conversion. Put it in your hero, at the end of your about/services section, and on your contact page. If you use the inline calendar, the contact page is the natural home.
- 5
Test the booking flow
Book a test slot yourself and confirm it lands on your connected calendar with the right details, and that both you and the 'client' get confirmations. Check it on mobile, where most people will actually book.
Tips & best practices
- ▸Cal.com is free and open-source — a solid Calendly alternative with no per-booking fees on the core plan.
- ▸Connect your real calendar so it never offers a time you're busy — double-bookings kill trust fast.
- ▸Add buffer time between calls so back-to-back bookings don't leave you no breathing room.
- ▸Ask one qualifying question at booking (e.g. 'what do you need help with?') so you arrive prepared.
Common questions
Is Cal.com really free?
+−
Yes — Cal.com is open-source with a genuinely free plan that covers individual scheduling, including unlimited bookings on your own event types. Paid plans add team features and advanced routing, but a solo service provider can run entirely on the free tier.
Cal.com or Calendly — which should I embed?
+−
Both embed the same way. Cal.com is open-source and free with no per-booking fees, which many prefer; Calendly is more established with a polished free tier that limits you to one event type. If cost and openness matter, Cal.com; if you're already in the Calendly ecosystem, either works on your site.
Can I embed the calendar inline instead of a button?
+−
Yes. Cal.com offers inline, pop-up, and floating-button embeds. The inline calendar shows available times directly on your page — great for a contact page — as long as your builder supports a code/embed block, which Adviita and most others do.