Putting the widget on your site
It is a copy-and-paste job. Ten minutes, no development work.
In the portal
Go to Integrations → Website widget.
- Pick your main colour. Usually your brand colour — it is used for buttons and highlights.
- Press Save widget settings.
- A preview appears below, showing exactly what your visitors will see.
- Copy the HTML code for the iframe.
The snippet already contains the key that ties it to your account, so there is nothing to fill in or generate — copy it exactly as it is.
On your website
Paste the snippet into the page where you want people to book.
WordPress
Edit the page, add a Custom HTML block, and paste the code into it. Do not use a paragraph block — WordPress escapes the tags there and you get the code as visible text.
Wix, Squarespace, Webflow and similar
Every builder has an "embed" or "custom code" element. Paste it into that.
A hand-built site
Paste it wherever you want the widget to appear in the page's HTML.
Where to put it
Most rental businesses give it its own page — /book, /reserveren, /rent-a-bike — and link to it from a prominent button in the menu. That works better than squeezing it into a sidebar: the flow needs room, and a visitor who clicked "Book now" is expecting a page about booking.
If you have several locations and a page per location, you can embed it on each of them.
Checking it works
Open your page in a browser and run a booking through to the payment step. You will see:
- your colour;
- your locations, categories and prices;
- your actual availability.
If any of those look wrong, they are wrong in the portal, not in the embed.
Do not complete a real payment to test — ask support for a test transaction instead.
Changing the colour later
Change it in the portal and save. You do not have to touch your website again: the colour is stored against your company and read when the widget loads, so the snippet you pasted is colour-agnostic.
Common problems
| Symptom | Cause |
|---|---|
| The code shows as text on the page | It was pasted into a text block instead of an HTML/embed block. |
| The widget is very short or cut off | The surrounding page constrains its height. Give the container room. |
| No categories appear | The categories are marked internal use, or the location has none. See Categories. |
| Everything is sold out | No active objects in the category, or maintenance windows cover the period. See Resources. |
| No payment methods at checkout | Verification is not finished, or nothing is ticked for that location. See Payment methods. |
Calendar sync is separate
Getting your bookings into Google Calendar or Outlook is a different feature on the same screen — see Integrations.