Zum Inhalt springen
Freudiger Moment in der Natur

Online-Terminbuchung in die eigene Website einbauen – so geht's

Kurz gesagt: Du kopierst einen kurzen Code-Schnipsel und fügst ihn dort in deine Website ein, wo das Buchungsfeld erscheinen soll. Kein Plugin, keine Entwickler:in – und es funktioniert auch in den Gratis-Tarifen von Squarespace, Wix & WordPress. Hier Schritt für Schritt, plus die ehrlichen Unterschiede zwischen Einbetten, iframe und Weiterleitung.

Kurz gesagt: Online-Terminbuchung baust du in drei Schritten in deine Website ein – (1) einen Code-Schnipsel aus deinem Buchungs-Tool kopieren, (2) ihn in einen Code-Block auf deiner Seite einfügen, (3) fertig: Klient:innen sehen deine freien Zeiten und buchen direkt bei dir. Du brauchst kein Plugin und keine Entwickler:in; bei guten Tools ist das Feld cookiefrei und zwingt deiner Seite keinen Cookie-Banner auf.

Was du dafür brauchst

Drei Dinge – mehr nicht:

  • Ein Buchungs-Tool, das dir einen Einbettungs-Code gibt – also einen kurzen Schnipsel zum Kopieren (z. B. Kaufmann Health, Cal.com oder Calendly).
  • Eine Website mit einem Code-Block – jeder gängige Baukasten kann das, oft schon im Gratis-Tarif.
  • Deine freigegebenen Zeiten im Tool – damit Klient:innen sofort echte Termine sehen und nicht ins Leere buchen.

In drei Schritten eingebaut

1Code-Schnipsel kopieren

Öffne in deinem Buchungs-Tool den Einbettungs-Code und kopiere ihn mit einem Klick. Bei Kaufmann Health findest du ihn im Portal unter „Buchungs-Widget“. Der Schnipsel sieht etwa so aus – deinen persönlichen bekommst du fertig zum Kopieren, mit deinem eigenen Kürzel statt deine-praxis:

<div data-kh-booking="deine-praxis"></div>
<script>(function(d,w){var s=d.createElement('script');
s.src='https://www.kaufmann-health.de/widget.js';s.async=true;
d.head.appendChild(s);})(document,window);</script>

Erlaubt deine Plattform externe Skripte, geht auch die kürzere Variante:

<script src="https://www.kaufmann-health.de/widget.js" data-therapist="deine-praxis" async></script>

2In einen Code-Block einfügen

Setze den Schnipsel an die Stelle, an der das Buchungsfeld erscheinen soll – meist über einen Block namens „Code“, „Embed“ oder „HTML“. Genau dieselbe Stelle, an der eine Cal.com- oder Calendly-Einbettung säße.

3Speichern – fertig

Besucher:innen wählen eine freie Zeit und buchen. Der Termin landet in deinem Kalender, Erinnerungen übernimmt das Tool. Und du musst den Code nie wieder anfassen: Verfügbarkeit, Terminarten und Sprache bleiben automatisch aktuell.

Wohin der Code auf deiner Website gehört

Fast jeder Baukasten hat einen Block für eigenen Code. Bei Squarespace heißt er „Code“, bei Wix „Eingebetteter Code / HTML“, bei WordPress der Block „Custom HTML“, bei Jimdo „Widget/HTML“. Du fügst den Schnipsel dort ein, wo das Buchungsfeld stehen soll – oft auf einer eigenen Seite „Termine“ oder unten auf der Startseite.

Tücke bei günstigen Tarifen: Manche Baukästen sperren in ihren Gratis- oder Basis-Tarifen externe <script src>-Tags. Ein Schnipsel, der das Skript erst beim Laden der Seite nachlädt (die empfohlene Variante oben), umgeht das – er enthält im eingefügten Code kein <script src>. So funktioniert das Buchungsfeld auch dort, wo der einfache Tag abgelehnt würde.

Einbetten, iframe oder Weiterleitung?

Es gibt drei Wege, Klient:innen zur Buchung zu bringen. Der Unterschied entscheidet, ob sie auf deiner Seite bleiben – und ob du Vertrauen und Auffindbarkeit mitnimmst oder abgibst.

AnsatzWo gebucht wirdKlient:in bleibt bei dirEinrichtung
Code-Schnipsel einbettenauf deiner Seitejaeinmal einfügen
iframe einbettenauf deiner Seite (im Rahmen)jaeinfügen; Rahmenhöhe kann haken
Link / Button zur externen Buchungsseiteauf einer fremden Seitenein – neuer Tabnur ein Link

Am stärksten ist die eingebettete Variante: Klient:innen buchen im Vertrauenskontext deiner eigenen Seite, du verlierst sie nicht an einen fremden Tab, und deine Seite sammelt das Engagement-Signal. Eine reine Weiterleitung ist schnell eingerichtet, kostet dich aber genau diesen Kontext.

Worauf du beim Einbauen achten solltest

  • Cookie-Banner: Ein gutes Buchungsfeld ist cookiefrei und fügt deiner Website keine neue Einwilligungspflicht hinzu. Prüfe das, bevor du einbettest.
  • Bezahlung: Die Buchung übernimmt die Terminvergabe, nicht das Geld – du rechnest weiter ab wie bisher.
  • Aktuell bleiben: Lädt der Schnipsel die Termine live, fügst du ihn einmal ein und musst nie wieder Code anfassen.
  • Online und vor Ort: Bietest du beide Formate an, hilft ein Tool, das pro Format getrennte Zeiten zeigt.
  • Beim Pausieren: Achte darauf, dass das Feld nicht mit einer Fehlermeldung zurückbleibt, wenn die Buchung einmal nicht aktiv ist – sondern sanft auf deine Profilkarte ausweicht.

Wie löst Kaufmann Health das?

Kaufmann Health ist eine von mehreren Optionen. Den Einbettungs-Code findest du fertig in deinem Portal – einmal kopieren, auf deiner Seite einfügen, fertig. Das Buchungsfeld ist auf den Therapie-Ablauf zugeschnitten (kostenloses Erstgespräch, dann Sitzung), cookiefrei, und es gehört zu deinem geprüften Profil im Verzeichnis für Körperpsychotherapie. Buchung, DSGVO-Videoraum und Rechnung greifen ineinander – eine Einrichtung statt drei Tools, die nicht miteinander reden.

Wenn dein heutiger Weg gut funktioniert, musst du nichts ändern. Und wenn du die Terminbuchung einmal sauber auf deiner eigenen Seite haben möchtest, kannst du dir die Online-Terminbuchung in Kaufmann Health ansehen.

Terminbuchung auf deiner eigenen Website

Ein Schnipsel, einmal eingefügt – Klient:innen buchen direkt bei dir, cookiefrei und im Therapie-Ablauf. Sieh dir an, wie es funktioniert.

DSGVO-konformSSL-verschlüsseltTherapie ohne Krankenkassen-Eintrag

Häufige Fragen

Brauche ich ein Plugin oder eine Entwickler:in, um Online-Terminbuchung einzubauen?
Nein. Du kopierst einen kurzen Code-Schnipsel aus deinem Buchungs-Tool und fügst ihn in einen Code-Block auf deiner Seite ein. Das ist die ganze Einrichtung – die meisten Therapeut:innen sind in wenigen Minuten fertig.
Funktioniert das im Gratis-Tarif von Squarespace, Wix oder WordPress?
Ja, sofern dein Tarif einen Code-Block erlaubt. Ein Schnipsel, der das Buchungsfeld erst beim Laden der Seite aufbaut, wird von den Code-Beschränkungen günstiger Baukasten-Tarife nicht erfasst. Den Schnipsel von Kaufmann Health haben wir live im Personal-Tarif von Squarespace geprüft.
Setzt das Buchungsfeld Cookies oder braucht es einen Cookie-Banner?
Bei einem cookiefreien Tool nein: Es lädt keine Tracker und setzt keine Marketing-Cookies, das Einbinden fügt deiner Website also keine neue Einwilligungspflicht hinzu. Während einer Buchung kann höchstens ein technisch notwendiges Sitzungs-Cookie anfallen.
Bleiben meine Klient:innen auf meiner Website?
Bei einer eingebetteten Buchung ja – sie buchen direkt auf deiner Seite, ohne Weiterleitung. Bei einem reinen Link zu einer externen Buchungsseite verlassen sie deine Seite. Eingebettet ist für Vertrauen und Auffindbarkeit meist die bessere Wahl.
Können Klient:innen über die Buchung bezahlen?
Die Terminbuchung übernimmt die Terminvergabe, nicht die Bezahlung. Du rechnest weiter so ab, wie du es schon tust – zum Beispiel per Rechnung nach der Sitzung.
Muss ich den Code ändern, wenn sich meine Zeiten ändern?
Bei einem Tool, das die Termine live lädt, nicht. Du fügst den Schnipsel einmal ein; Verfügbarkeit und Terminarten bleiben automatisch aktuell – du musst den Code nie wieder anfassen.
Online-Terminbuchung in die eigene Website einbauen – so geht's | Kaufmann Health