Skip to main content

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.

  1. Pick your main colour. Usually your brand colour — it is used for buttons and highlights.
  2. Press Save widget settings.
  3. A preview appears below, showing exactly what your visitors will see.
  4. 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

SymptomCause
The code shows as text on the pageIt was pasted into a text block instead of an HTML/embed block.
The widget is very short or cut offThe surrounding page constrains its height. Give the container room.
No categories appearThe categories are marked internal use, or the location has none. See Categories.
Everything is sold outNo active objects in the category, or maintenance windows cover the period. See Resources.
No payment methods at checkoutVerification 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.