Skip to main content

Booking widget for your website

Adjust the settings on the left and the widget on the right redraws live — that is exactly how it will look on your site. Copy the generated code below and paste it into your page.

Open separately

This is not a screenshot: the real widget loader runs inside a mock page. Dates, categories and the checkout step are all clickable.

Worth knowing

  • On your site the widget does not load up front: until the first click the visitor sees a lightweight search form, and the widget itself loads on that click — the page stays fast. Here it is expanded straight away so you don't have to click after every tweak. To opt out: `data-nadan-eager="true"`.
  • If you leave the colour unset, the widget picks up your organisation's brand colour from its settings.
  • Colour, corners and font are plain attributes — change them whenever you like, with no help from us and no site rebuild.

To customize the appearance and get the code for your own site, open your dashboard: “Booking settings → Widget”.