# Die Buchungsseite aus Gast-Sicht

{/* AUTO-SYNCED SOURCE: this page lives in apps/app/src/modules/booking/docs/ and is mirrored into the docs app by `bun sync:module-docs`. Edit it in the module, not in apps/docs. */}

<Lead>
Deine Gäste sehen nie das Dashboard, nur die öffentliche **Buchungsseite** unter deiner Domain, in deinem Branding und ganz ohne Login. Diese Seite zeigt dir, was Gäste erleben, damit du weißt, was du verschickst.
</Lead>

Gäste werden auf der Buchungsseite gesiezt. Unter `/book` liegt deine öffentliche Übersicht mit allen gelisteten Terminarten; jede einzelne Terminart hat ihre Seite unter `/book/link-name`. Ungelistete Terminarten erscheinen nicht auf der Übersicht, ihr Direktlink funktioniert aber.

## Der Buchungs-Ablauf

1. **Kopfbereich:** Profilbild (oder Monogramm), Name der Gastgeber:in, Terminart, Dauer und Ort. Auf der Übersicht `/book` steht darüber dein Begrüßungstext (Standard: "Willkommen! Wählen Sie einen Termin, der Ihnen passt.").
2. **Kalender und Zeiten:** Der Gast wählt einen Tag und sieht die freien Slots, automatisch in seiner eigenen Zeitzone. Ein Zeitzonen-Wähler erlaubt das Umstellen, etwa für die Planung einer Reise.
3. **Formular "Geben Sie Details an":** Name und E-Mail sind Pflicht; Telefon je nach Terminart-Einstellung nicht abgefragt, optional oder Pflicht. Bei Open House kommt das Feld "Anzahl Personen" hinzu, dazu deine Zusatzfragen. Unter dem Formular steht ein Einwilligungs-Hinweis.
4. **"Termin buchen":** Ein Klick, fertig.

## Bestätigung

Nach der Buchung sieht der Gast die Seite "Ihr Termin ist gebucht" mit einer Termin-Karte, deinem optionalen Hinweistext (aus "Hinweis nach der Buchung") und dem Link "Termin verwalten (absagen oder umbuchen)". Parallel geht die Bestätigungs-E-Mail raus: mit allen Termindaten, Kalender-Einladung (.ics) zum Eintragen in jeden Kalender und dem persönlichen Verwaltungs-Link. Hast du eine Weiterleitung konfiguriert, landet der Gast danach auf deiner Ziel-Seite.

## Umbuchen und Absagen durch den Gast

Über den Verwaltungs-Link aus der Bestätigung verwaltet der Gast seinen Termin selbst:

- **Umbuchen:** Der Gast wählt eine neue Zeit; der alte Termin wird storniert, der neue bestätigt, beides bleibt verknüpft. Der Gast bekommt eine neue Bestätigung mit neuem Verwaltungs-Link, du eine Benachrichtigung.
- **Absagen:** Mit optionalem Grund. Der Gast sieht: "Ihr Termin wurde abgesagt. Eine Bestätigung ist per E-Mail unterwegs."

Vergangene Termine lassen sich über den Link nicht mehr ändern.

## Fehlermeldungen für Gäste

<DefinitionList>
  <DefItem term='"Diese Zeit wurde gerade von jemand anderem gebucht. Bitte wählen Sie eine andere Zeit."'>Zwei Personen wollten denselben Slot; genau eine bekommt ihn. Doppelbuchungen sind technisch ausgeschlossen.</DefItem>
  <DefItem term='"Dieser Buchungslink wurde bereits verwendet oder ist abgelaufen."'>Ein Einmal-Link wurde schon genutzt oder sein Ablaufdatum ist erreicht.</DefItem>
  <DefItem term='"Zu viele Anfragen. Bitte versuchen Sie es in ein paar Minuten erneut."'>Der Schutz gegen automatisierte Anfragen hat gegriffen. Nach kurzer Wartezeit geht es weiter.</DefItem>
  <DefItem term='"Diese Buchungsseite ist nicht mehr verfügbar."'>Die Terminart wurde pausiert oder gelöscht.</DefItem>
</DefinitionList>

## Sprache, Datenschutz und Schutzmechanismen

- **Sprache:** Pro Terminart wählst du Workspace-Standard, Deutsch oder English; das gilt für Buchungsseite, Bestätigungsseite und Gast-E-Mails dieser Terminart.
- **Datenschutz:** Die Buchungsseite bringt ein Cookie- und Datenschutz-Center mit.
- **Schutz:** Alle öffentlichen Seiten haben Spam-Schutz (unsichtbare Honeypot-Falle) und Anfrage-Limits gegen automatisierte Zugriffe. Für dich heißt das: keine Bot-Buchungen, keine leergeklickten Kalender.

## Einbetten: Zur Website hinzufügen

Im Menü jeder Terminart öffnet **Zur Website hinzufügen** das Einbetten-Fenster mit drei Varianten:

<DefinitionList>
  <DefItem term="Inline-Einbettung">Die Buchung erscheint direkt in deiner Seite, zum Beispiel auf einer Kontakt- oder Objektseite.</DefItem>
  <DefItem term="Popup-Widget">Ein schwebender Knopf am Seitenrand, der die Buchung als Fenster öffnet.</DefItem>
  <DefItem term="Popup-Text">Ein normaler Textlink in deinem Inhalt, der die Buchung als Fenster öffnet.</DefItem>
</DefinitionList>

Texte, Farben und Position passt du vor dem Kopieren an; der fertige Code funktioniert ohne weitere Dateien auf jeder Website. Eine verlinkte Demo-Seite zeigt alle drei Varianten live. Nutzt du das Website-Tool der Plattform, steht die Buchung zusätzlich als nativer Block im Website-Editor bereit.

## Begrüßungstext und Profilbild

Zwei Einstellungen prägen den ersten Eindruck, beide unter **Einstellungen > Tools > Termin-Booking > Buchungsseite**:

- **Begrüßungstext:** steht auf der Übersicht `/book` über den Terminarten. Standard: "Willkommen! Wählen Sie einen Termin, der Ihnen passt."
- **Profilbild anzeigen** (Standard: an): zeigt Profilbild und Namen der Gastgeber:in auf den Buchungsseiten. Ohne hinterlegtes Bild erscheint ein Monogramm in deiner Markenfarbe.

Details zu allen Einstellungen: [Einstellungen](/tools/booking/einstellungen).

## Weiterführend

Zurück zur Übersicht: [Termin-Booking](/tools/booking). Nächste Seite: [Workflows](/tools/booking/workflows), damit rund um jede Buchung die richtigen Nachrichten rausgehen.