Widget-Integration

Integrieren Sie BookingJs – das timum Buchungs-Widget – in Ihre Website oder App

Welcher Weg passt zu Ihnen?

Code aus dem Provider Channel kopieren und einfügen – fertig, ohne Programmierung (siehe Schnellstart unten). Spätere Anpassungen: globale Konfiguration.

Entwickler-Integration mit BookingJs

Per Script Tag, ESM oder React einbinden – volle Kontrolle über alle Optionen. Zur Integrations-Anleitung.

Schnellstart

Der einfachste Weg, das timum Buchungs-Widget einzubetten, ist über einen Provider Channel. In der timum-Oberfläche wird für jeden Provider Channel automatisch ein Einbettungscode generiert:

Automatisch generierter Einbettungscode (Provider Channel)html

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

Voraussetzung

Um diesen Code zu erhalten, müssen Sie zunächst einen Provider Channel in timum anlegen. Der Einbettungscode wird dann automatisch generiert und kann direkt kopiert werden. Provider Channels

Funktionen

Echtzeit-Verfügbarkeit und Buchung
Buchungsanfragen für öffentliche Termine (mit Bestätigung)
Termine mit mehreren Teilnehmern
Besuchererkennung durch CRM-Integration
Option zum Anzeigen/Ausblenden ausgebuchter Termine
Vorlaufzeit-Konfiguration
Verhinderung von Doppelbuchungen
Stornierung durch Kunden mit Authentifizierung
Vollständig anpassbares Design mit MUI-Theming (PRO)
Anpassbare Texte in allen Sprachen (PRO)
Dynamische Formularfelder mit Validierung (PRO)
Unterstützung für 5 Sprachen (DE, EN, FR, ES, IT)
Callbacks für benutzerdefinierte Event-Verarbeitung

So geht es weiter

Alles, was BookingJs anzeigt und tut, steuern Sie über ein einziges Konfigurationsobjekt: appConfig. Die drei wichtigsten Themen:

Was zeigt das Widget an?

Referenzierung – welche Ressource, welche Produkte und welcher Kanal dargestellt werden.

Wie verhält und zeigt es sich?

Konfiguration – alle appConfig-Optionen im Detail: Darstellung, Verhalten, Sprache.

Wie reagiere ich auf Buchungen?

Callbacks – auf Ereignisse wie erfolgreiche Buchungen reagieren und eigene Logik anstoßen.

PRO-Funktionen

Mit einem Professional-Plan stehen Ihnen zusätzliche Anpassungsmöglichkeiten zur Verfügung:

Custom Theming: Vollständige Anpassung des Designs mit MUI-Theme
Custom Fonts: Eigene Schriftarten laden und verwenden
Lokalisierung: Alle Texte anpassen und eigene Sprachen hinzufügen
Custom Fields: Zusätzliche Formularfelder mit Validierung
Footer ausblenden: "Powered by timum" ausblenden

Für Anwender

War diese Seite hilfreich?