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.
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.
- There's a separate embed type for tours/sessions — `data-nadan-tour="<organization id>"` (optionally `data-nadan-tour-id="<tour id>"` for a specific tour). It works and themes the same way as this widget.
To customize the appearance and get the code for your own site, open your dashboard: “Booking settings → Widget”.