timum

Embed Widget

Embed the widget on your website

The timum Booking Widget (BookingJs) can be integrated directly into your website, so visitors can book appointments without leaving the page. Multiple widgets on one page are possible, even with different configurations. The widget runs in isolation, so it doesn't affect your page's CSS.

Where to find the embed code

  • For multiple properties or a freely configured view: In the provider calendar, on the Appointment booking page, create a Booking Channel. There, under Website integration, you'll find the ready-made code.
  • For a single property: In the property's Resource Channels, open the Embedded booking calendar channel and click Create to assign a reference number. The code is then ready.

Copy the code and insert it wherever you'd like it to appear on your website:

<div id="timumContainer-<your-channel-uuid>"></div>
<script
  type="module"
  src="https://www.timum.de/<provider-uuid>/<channel-uuid>/widget.js">
</script>

Customization options

  • Height and width: adjustable via CSS.
  • Colors, font, and shape: in the theme editor under Settings → Booking layout (Professional plans). Changes apply immediately to all embedded widgets and your booking pages.
  • Language: automatically based on the visitor's browser, or set to a fixed language.
  • Which properties and appointment types are shown: in the channel's settings – without changing the code on your website.

Responsive design

The widget automatically adapts to the size of its container and is mobile-friendly.

For developers