timum

Booking Button

Create a Booking Button

Instead of embedding the full widget, you can also create a simple button that links to the booking page.

Which Link to Use

The best way is to copy the link directly from timum:

  • One resource: the resource's standard booking link, found in the Resource Channels ("Copy"). It has the form https://www.timum.de/s/….
  • Multiple resources or a custom view: the link of a Booking Channel, e.g. https://www.timum.de/ihr-name/ihr-kanal.

Simple Link

<a href="https://www.timum.de/ihr-name/ihr-kanal"
   class="booking-button"
   target="_blank" rel="noopener">
  Termin buchen
</a>

Styling Example

.booking-button {
  display: inline-block;
  padding: 12px 24px;
  background-color: #337ab7;
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
}

.booking-button:hover {
  background-color: #5bc0de;
}

Related Topics