timum

Widget einbetten

Widget auf Ihrer Website einbetten

Das timum-Buchungswidget (BookingJs) kann direkt in Ihre Website integriert werden, sodass Besucher Termine buchen können, ohne die Seite zu verlassen. Mehrere Widgets auf einer Seite sind möglich, auch mit verschiedenen Konfigurationen. Das Widget läuft isoliert, Ihr Seiten-CSS wird also nicht beeinflusst.

Wo Sie den Einbettungs-Code finden

  • Für mehrere Ressourcen oder eine frei konfigurierte Ansicht: Legen Sie im Anbieter-Kalender auf der Seite Terminbuchung einen Booking Channel an. Dort finden Sie unter Webseiten-Integration den fertigen Code.
  • Für eine einzelne Ressource: Öffnen Sie in den Resource Channels der Ressource den Kanal Eingebettete Buchungskalender und klicken Sie auf Erstellen, um eine Referenz-Nummer zu vergeben. Danach steht der Code bereit.

Kopieren Sie den Code und fügen Sie ihn an der gewünschten Stelle in Ihre Website ein:

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

Anpassungsmöglichkeiten

  • Höhe und Breite: über CSS anpassbar.
  • Farben, Schrift und Form: im Theme-Editor unter Einstellungen → Buchungslayout (Professional-Tarife). Änderungen wirken sofort auf alle eingebetteten Widgets und Ihre Buchungsseiten.
  • Sprache: automatisch nach Browser des Besuchers oder fest eingestellt.
  • Welche Ressourcen und Terminarten gezeigt werden: in den Einstellungen des Kanals – ohne Änderung am Code auf Ihrer Website.

Responsive Design

Das Widget passt sich automatisch an die Größe des Containers an und ist mobilfreundlich.

Für Entwickler