Let people book without leaving your website
Put your booking page on your own site with a single script tag — embedded in the page or as a floating “Book an appointment” button, in your own colour.
Start freeOne line on your site
Paste this where the widget should appear and swap in your own booking link:
<script src="https://calio.nl/embed.js" async data-calio="mycompany/intro-call" data-mode="popup" data-color="#0d9488" data-text="Book an appointment" data-lang="en"></script>
Settings
data-calio | Required: your booking link as org/event, e.g. mycompany/intro-call |
data-mode | inline (default, widget where the script sits) or popup (floating button) |
data-color | Accent colour as hex, e.g. #0d9488 — the button and top border follow it |
data-text | Button label in popup mode, "Plan een afspraak" by default |
data-lang | Language of the booking page: nl, en or de (default: the visitor’s language) |
Frequently asked questions
Does the widget work on every platform?
Yes — anywhere you can place a script tag: WordPress, Webflow, Wix, Squarespace or your own site. The widget loads the booking page in a sandboxed iframe.
Can I match the widget to my brand?
You set the accent colour and the button label through the data attributes. Further personalisation (fonts, a full colour scheme) is on the roadmap.
Does a booking through the widget count differently?
No. Widget bookings behave exactly like bookings through your Calio link: double-booking checks, confirmation email, reminders and calendar sync.
On your site today
Create your account, copy the script and your visitors can book straight away.
Start free