Add the booking widget to your website
Let visitors book an appointment without ever leaving your site. Two lines of code, no backend work.
How to integrate
The snippet
1. Script — add once to <head> (or right before </body>)
<script src="https://book.calemio.com/embed.js" defer></script>2. Widget — add wherever you want it to appear
<div data-calemio-inline data-calemio-slug="SLUG" data-calemio-locale="tr"></div>SLUG is your booking link's public slug — it's not a secret, it's already part of the booking URL you share with clients. The script and the div don't have to sit together — most sites load the script once near the top and drop the div somewhere else entirely, like a page footer or a dedicated "Book now" section.
What it looks like
This is the real widget, embedded live with the exact snippet above — not a mockup.
It's fully responsive: it fills whatever container you put it in, from a narrow sidebar to a full-width section. Compare the wide and mobile-width versions below.
Wide
Mobile width
Light and dark
Add data-calemio-theme="dark" to match a dark page — or leave it out for the light default.
Light (default)
data-calemio-theme="dark"
Choosing the language
Add data-calemio-locale to force a language, or leave it out to use the link's own default.
tr— Turkishen— English- no attribute → uses the booking link's own configured language
Before it works on your site
Add your website's domain to this booking link's allowed origins in app.calemio.com → Integrations, then save. Until you do, the widget won't render there — it's the same origin allow-list every embed goes through.
Get your own snippet
Every booking link has its own ready-to-paste snippet, generated automatically.