Online-Terminbuchung in WordPress, Wix oder HTML einbauen

Besucher sollen auf deiner Website einen Termin finden, ohne erst eine Nachricht schreiben zu müssen. Dafür gibt es zwei Wege: Ein Button öffnet deine Buchungsseite, oder die Buchung erscheint eingebettet innerhalb deiner Website. Der Link ist meist der einfachere Einstieg. Eine Einbettung lohnt sich, wenn sie auf deinem System zuverlässig und mobil gut bedienbar ist.

Beginne mit dem richtigen Buchungslink

Nutze die öffentliche Kundenadresse deines eigenen Studios, keine Verwaltungsadresse und keinen persönlichen Terminänderungslink. Öffne sie ohne Anmeldung in einem privaten Browserfenster. Sichtbar sein sollen das richtige Studio, seine Leistungen und die vorgesehenen freien Zeiten.

Für eine normale HTML-Seite reicht zum Einstieg ein Link: <a href="DEINE-OEFFENTLICHE-BUCHUNGS-URL">Termin buchen</a>. Ersetze den Platzhalter vollständig. Eine Öffnung im selben Tab ist oft am unkompliziertesten; ein neuer Tab sollte für Besucher erkennbar sein.

WordPress: Button oder HTML-Block

Füge im Seiteneditor einen Button mit der Beschriftung „Termin buchen“ und deiner HTTPS-Buchungsadresse ein. Platziere ihn dort, wo Leistungen erklärt werden, sowie an einer leicht erreichbaren Stelle der Navigation. Eine Vorschau im Editor allein reicht nicht: Prüfe anschließend die tatsächliche Seite.

Bei WordPress.com benötigen iframe-Einbettungen einen dafür geeigneten kostenpflichtigen Tarif mit aktivierten Hostingfunktionen. Selbst gehostetes WordPress hat andere Voraussetzungen; dort sind insbesondere Benutzerrechte und Sicherheitsfilter zu prüfen. Für eine Einbettung verwendest du den vom Anbieter vorgesehenen Einbettungscode in einem individuellen HTML-Block. Je nach WordPress-Betrieb, Benutzerrechten und Tarif können bestimmte HTML-Elemente herausgefiltert werden. Prüfe das nach dem Speichern. Ein zusätzliches Plugin ist nicht automatisch erforderlich.

Wix: Einbetten muss zur Seite passen

Wix bietet Elemente für eingebetteten HTML-Code oder eine externe Website. Verwende den geeigneten Typ und ausschließlich die vorgesehene HTTPS-Adresse. Die offizielle Hilfe weist darauf hin, dass fremde Websites das Einbetten über Sicherheitsregeln verhindern können. Diese Regeln sollten nicht umgangen werden; nutze dann einen normalen Buchungsbutton.

Eigene HTML-Seite: nicht irgendeine URL in ein iframe setzen

Bei VTech Booking ist der vorgesehene Einbettungsweg maßgeblich. Übernimm den dafür bereitgestellten Code beziehungsweise lasse ihn für deine Domain prüfen. Kundenbuchungsseite, Portal und einbettbare Ansicht sind nicht automatisch austauschbar. Ein iframe braucht unter anderem einen verständlichen Titel und ausreichend Höhe. Eine feste, zu kleine Höhe kann den Abschlussbutton auf dem Smartphone abschneiden.

Diese Prüfung gehört zum Einbau

1. Öffne die veröffentlichte Seite auf Smartphone und Desktop.
2. Prüfe Studio, Leistung, Datum und verfügbare Uhrzeit ohne Adminanmeldung.
3. Kontrolliere Tastaturbedienung, Scrollen und den vollständigen Weg bis zum Formular.
4. Vereinbare eine echte Testbuchung nur in einem dafür vorgesehenen Teststudio.
5. Prüfe Datenschutzhinweise und die tatsächlich eingebundenen Drittinhalte für deine Website.

Ein sichtbarer Kalender beweist noch keine abgeschlossene Buchung. Halte einen gut erkennbaren direkten Buchungslink als Alternative bereit. Die VTech-Booking-Übersicht hilft bei der Wahl des passenden Einbindungswegs.

VTech Booking befindet sich im begleiteten Pilotbetrieb. Der eigene Studiobetrieb wird persönlich eingerichtet; eine automatische Selbstregistrierung ist derzeit nicht vorgesehen. Die öffentlichen Demos dienen dem Ausprobieren, nicht der echten Kundenbuchung.

Produkt- und Quellenstand: 31. Oktober 2026. Den aktuellen Angebotsumfang findest du auf der verlinkten Produktseite.