Website-Einbettung

Buchungen genau dort, wo Ihre Besucher sind

Binden Sie mit einem Script-Tag ein Tymeslot-Buchungs-Widget in jede Seite ein: inline, als Popup oder als schwebende Schaltfläche, im Stil Ihrer Marke. Das Widget passt seine Größe selbst an, Sie müssen also keine iframe-Höhe einstellen.

Ein Script-Tag Inline · Popup · schwebend Funktioniert auf jeder Website
Ein Tymeslot-Buchungskalender, direkt in eine Website eingebettet

Schicken Sie Besucher zum Buchen nicht weg

Jedes Mal, wenn potenzielle Kunden Ihre Website verlassen müssen, um zu einem separaten Buchungslink zu gelangen, springen einige ab. Ein neuer Tab, eine unbekannte Seite, ein kurzes Zögern, und die Buchung kommt nie zustande. Der Buchungsablauf gehört dorthin, wo das Interesse entsteht: auf Ihre eigene Website, in Ihrem eigenen Markenauftritt.

So funktioniert's

In Minuten einsatzbereit

1

Wählen Sie eine Einbettungsart

Ein in die Seite eingebauter Inline-Kalender, ein Popup-Fenster, das sich über jede Schaltfläche öffnen lässt, oder eine dauerhaft sichtbare schwebende Schaltfläche in der Ecke.

Die Seite „Einbetten & Teilen“ mit Einbettung als Inline-Element, Popup, Direktlink oder schwebende Schaltfläche, jeweils mit kopierfertigem Code-Snippet
2

Domain freigeben, ein Tag kopieren

Fügen Sie die Domain Ihrer Website zur Whitelist für Einbettungen hinzu und kopieren Sie dann das Snippet, das Tymeslot erzeugt. In den HTML-Code Ihrer Website eingefügt, läuft es ohne weitere Anpassung.

3

Passend zu Ihrer Marke

Setzen Sie data-theme, data-primary-color und data-locale an der Einbettung, damit sie sich in Ihre Website einfügt und die Sprache Ihrer Besucher spricht.

Die Einstellungen einer Buchungsseite im Tymeslot-Dashboard: ihre Adresse und die angebotenen Terminarten
4

Buchungen fließen direkt ein

Gäste buchen, ohne Ihre Seite zu verlassen. Bestätigungen, Kalendersynchronisierung und Erinnerungen funktionieren genau wie auf Ihrer gehosteten Buchungsseite.

Ein Tymeslot-Buchungs-Popup über einer Website, damit Gäste buchen, ohne die Seite zu verlassen
Was Sie bekommen

Alles, was Website-Einbettung leisten sollte

Inline-Einbettung

Betten Sie den Buchungskalender mit einem einzigen Script-Tag und einem div direkt in Ihre Seite ein.

Popup-Fenster

Jede Schaltfläche und jeder Link kann ein Buchungsfenster im Vollbild öffnen, gut geeignet für CTAs im Hero-Bereich.

Schwebende Schaltfläche

Eine dauerhaft sichtbare Buchungsschaltfläche in der Ecke jeder Seite, wie ein Chat-Widget.

Direktlink

Lieber keine Einbettung? Teilen Sie Ihre Buchungs-URL in einer E-Mail-Signatur oder Social-Media-Bio.

Branding pro Einbettung

Mit data-theme, data-primary-color und data-locale passt sich jede Einbettung an die Seite an, in die sie eingebunden ist.

iframe mit automatischer Größenanpassung

Die Einbettung meldet ihre Höhe an die einbettende Seite zurück, sodass keine unschönen Scrollbalken entstehen.

Warum Tymeslot

Eine Einbettung, die sich sauber in Ihre Website einfügt

Einbettungen sind schnell umgesetzt und schnell verpfuscht. Die von Tymeslot ist darauf ausgelegt, sich sauber einzufügen und die Privatsphäre zu wahren.

Kein Framework nötig

Ein Script-Tag genügt, ob WordPress, Webflow, Squarespace oder eine einfache HTML-Datei. Kein Build, kein Bundling.

Automatische Größenanpassung, keine Scrollbalken

Das iframe misst sich selbst und teilt der einbettenden Seite mit, wie hoch es sein soll, sodass das Widget nie in einem winzigen Scrollkasten landet.

Design pro Einbettung

Mit demselben Konto können Sie auf einer Website ein dunkles Widget und auf einer anderen ein helles im eigenen Branding betreiben, jeweils über Attribute an der Einbettung selbst festgelegt.

Privatsphäre gewahrt

Der eingebettete Buchungsablauf lädt keine Werbepixel und keine Analysetools von Drittanbietern. Auf tymeslot.app wird Google reCAPTCHA erst geladen, wenn jemand mit dem Buchungsformular beginnt.

FAQ

Häufig gestellte Fragen

Wie füge ich Tymeslot zu meiner Website hinzu?
Fügen Sie die Domain Ihrer Website im Dashboard zur Whitelist für Einbettungen hinzu, wählen Sie eine Einbettungsart und kopieren Sie das erzeugte Snippet: ein einziges Script-Tag, dazu ein div für den Inline-Kalender. Fügen Sie es in den HTML-Code Ihrer Website ein, und das Widget erscheint. Ein Build-Schritt oder Framework ist nicht nötig.
Welche Einbettungsarten gibt es?
Vier: ein direkt in die Seite eingebetteter Inline-Kalender, ein Popup-Fenster, das sich über jede Schaltfläche öffnen lässt, eine dauerhaft sichtbare schwebende Schaltfläche und ein einfacher Direktlink, falls Sie gar keine Einbettung möchten.
Funktioniert die Einbettung mit WordPress, Webflow oder Squarespace?
Ja. Da es sich um ein normales Script-Tag handelt, funktioniert es mit jedem Website-Baukasten, in den Sie HTML oder einen Einbettungs- bzw. Code-Block einfügen können, darunter WordPress, Webflow, Squarespace und handgeschriebenes HTML. Unter WordPress können Sie außerdem das offizielle Plugin mit Block und Shortcode nutzen.
Kann ich das Widget an meine Marke anpassen?
Ja. Mit data-theme, data-primary-color und data-locale an der Einbettung steuern Sie Buchungs-Design, Akzentfarbe und Sprache pro Seite, sodass ein einziges Konto unterschiedlich gestaltete Widgets auf verschiedenen Websites bereitstellen kann.
Bringt die Einbettung mein Seitenlayout durcheinander?
Nein. Die Inline-Einbettung passt ihre Größe automatisch an: Das iframe misst seine eigene Höhe und meldet sie an die einbettende Seite, sodass das Widget mit dem Buchungsablauf wächst und schrumpft, statt in einem starren Scrollkasten zu stecken.
Werden Buchungen über die Einbettung mit meinem Kalender synchronisiert?
Ja. Eine eingebettete Buchung verhält sich genau wie eine Buchung auf Ihrer gehosteten Buchungsseite: Kalendersynchronisierung, Videolinks, Bestätigungen und Erinnerungen greifen alle.

Ratgeber für die Berufe, die diese Funktion am häufigsten nutzen

Aus dem Blog

Alle Beiträge
The Tymeslot WordPress plugin lesen
The Tymeslot WordPress plugin
wordpress integrations product

The Tymeslot WordPress plugin

Your Tymeslot booking page now goes into WordPress as a block, a shortcode or a floating button, using the same embed code your dashboard generates.

Luka Breitig 24. Juni 2026 · 3 Minuten Lesezeit
Celebrating Tymeslot 1.0 lesen
Celebrating Tymeslot 1.0
release product

Celebrating Tymeslot 1.0

Four months after the first release, Tymeslot 1.0 does the whole scheduling job: booking pages, two-way calendar sync, video links, embedding, and five languages.

Luka Breitig 8. Mai 2026 · 3 Minuten Lesezeit
Building an open-source Calendly alternative in Phoenix LiveView lesen
Building an open-source Calendly alternative in Phoenix LiveView
engineering open-source

Building an open-source Calendly alternative in Phoenix LiveView

A booking page looks like a form over a calendar. The hard part is that every calendar system disagrees about which events make you busy, and once my code answered that question in two places, the two answers disagreed too.

Luka Breitig 8. Juli 2026 · 13 Minuten Lesezeit

Buchungen auf Ihre eigene Website holen

Kostenloser Tarif verfügbar. Keine Kreditkarte nötig. Einrichtung in 5 Minuten.