Embed the widget on your site
Put your booking page inside your own website — with one script line or as an iframe — and what to know about height, branding and conversion tracking.
Your booking page always lives at schedulinq.com/your-business, and linking to it is
perfectly fine. If you would rather visitors never leave your own site, you can put the
same booking page inside a page of your website.
Two ways
| Script method | iframe | |
|---|---|---|
| Height | Grows with the content | You pick a fixed height |
| Branding | Just the booking form | Includes our sidebar with your logo and name |
| Tracking parameters | From the page itself | You have to put them on the iframe's address |
| Needs | A <script> line allowed on your page | Works anywhere |
Use the script method where you can. The iframe is the fallback for websites where you cannot place scripts.
The script method
Two lines, where the booking page should appear:
<script src="https://schedulinq.com/booking-widget.js" defer></script>
<schedulinq-booking slug="your-business" embed></schedulinq-booking>
Replace your-business with the last part of your own booking link — you will find it
under Company → Details.
What this gets you:
- The widget fills the width of the block you put it in (up to its own maximum) and grows in height as the customer moves through the steps. There is no height to set.
- Your theme's CSS cannot break it and it cannot disturb your page: it renders in its own shadow root.
- The language follows the visitor's browser, and the language switcher is included.
slug
RequiredThe last part of your booking link: if it reads schedulinq.com/luchtmeesters, the
slug is luchtmeesters.
embed
Recommended on your own siteLeaves out our sidebar with your logo, name and contact details — your own site already shows those. The form then uses the freed width, and the step tracker and language switcher move to a small bar above it.
Without this attribute you get the same presentation as on schedulinq.com, logo and name included — in the middle of a page that already shows both.
locale
OptionalForces one language, for example locale="en". Leave it out and the widget picks the
visitor's language and lets them switch — usually what you want.
worker-slug
OptionalA personal booking link, so the visitor books with one specific team member.
The iframe method
<iframe
src="https://schedulinq.com/your-business"
width="100%"
height="1000"
style="border:none; max-width:100%">
</iframe>
In an iframe you always get the full schedulinq.com presentation, sidebar with your logo and name included. If you do not want that, the script method is the only way.
Measuring conversions
To measure a booking in Google Ads, Analytics or Tag Manager, set up a thank-you page — see Measure conversions after a booking. One difference between the two methods matters there:
- Script method: the widget reads the parameters (
gclid,utm_*) from the page it sits on. Making sure they are there is enough. - iframe: the widget only sees the iframe's own address. So put your tracking
parameters on the
src:src="https://schedulinq.com/your-business?gclid=…&utm_source=…".