Terminbuchungsseite auf der Website einbinden

Deine Project Manager Terminbuchungsseite kann über einen öffentlichen Link geteilt oder direkt per iframe in deine Website eingebettet werden.

Voraussetzungen
  • Du bist angemeldet und das Modul Kalender ist in deiner Organisation aktiviert.

Buchungslink kopieren

  1. Öffne Kalender.
  2. Wechsle zu Terminbuchung.
  3. Öffne die gewünschte Buchungsseite.
  4. Kopiere den öffentlichen Buchungslink bzw. den bereitgestellten Embed-Code.

Mit HTML einbinden

<iframe
  src="DEINE-BOOKING-URL"
  width="100%"
  height="800"
  frameborder="0"
  title="Termin buchen">
</iframe>

Ersetze DEINE-BOOKING-URL durch den Link deiner Terminbuchungsseite.

In WordPress einbinden

  1. Öffne die gewünschte Seite.
  2. Füge einen HTML-Block hinzu.
  3. Füge den iframe-Code ein.
  4. Speichere bzw. veröffentliche die Seite.

In Elementor einbinden

  1. Öffne die Seite mit Elementor.
  2. Ziehe das HTML-Widget an die gewünschte Position.
  3. Füge den iframe-Code ein.
  4. Aktualisiere die Seite.

In Next.js oder React einbinden

export default function Booking() {
  return (
    <iframe
      src="DEINE-BOOKING-URL"
      width="100%"
      height="800"
      title="Termin buchen"
    />
  );
}

Responsive Darstellung

Verwende nach Möglichkeit width="100%" und teste die Einbindung auf Desktop- und Mobilgeräten.

Weiterlesen

Antwort nicht gefunden oder Problem tritt weiter auf?

Zum Support-Bereich

Fachlich geprüft am 2026-09-26