> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cloud.anex.is/llms.txt
> Use this file to discover all available pages before exploring further.

# Das BOOKED! Formular-Widget einrichten

> Wie Anexis-Mitarbeiter ein BOOKED! Formular-Widget (Version V3) für einen Mandanten anlegen, Bestätigungs-E-Mails zuordnen, den Einbaucode übergeben und die Buchungsstrecke testen.

Das BOOKED! Formular-Widget ist eine Variante der Buchungsstrecke von BOOKED! (die Online-Buchungsstrecke). Nur Anexis-Mitarbeiter mit Admin-Rechten können es anlegen. Dieser Artikel beschreibt, wie du ein BOOKED! Widget in der Version V3 einrichtest und vor der Übergabe an den Betrieb testest.

> [!NOTE]
>
> Für neue Betriebe richtest du BOOKED! in der Regel als Widget der Anexis
> CLOUD! ein. Siehe [BOOKED! einrichten](https://docs.cloud.anex.is/de/mandants/widgets/setup-booked.md).

## Voraussetzungen

* Das Modul BOOKED! ist in der Anexis CLOUD! aktiv. Siehe [BOOKED! Modul Seitenreferenz](https://docs.cloud.anex.is/de/mandants/modules/booked).
* Auf der Seite **Mandant bearbeiten** ist im Abschnitt **Module** das Häkchen bei **BOOKED!** gesetzt. Siehe [Seitenreferenz der Seite Mandant bearbeiten](./mandant-edit).
* Die Bezahloptionen des Mandanten sind auf der Seite **Bezahloptionen bearbeiten** eingerichtet (siehe [Bezahloptionen Seitenreferenz](./payment-options)), inklusive Bankverbindung, Zahlungs- und Stornobedingungen in allen Sprachen. Ohne Zahlungseinstellungen zeigt das Widget die Fehlermeldung „Payment missing.“ statt der Buchungsstrecke. Bei Kreditkartenzahlung braucht der Betrieb einen Vertrag mit dem Zahlungsanbieter.
* Zimmerkategorien, Zimmer, Preislisten und Verfügbarkeiten sind angelegt oder werden per AlpineBits übertragen.
* Für die automatische Reservierungsbestätigung: Eine E-Mail-Vorlage für Reservierungen im Corporate Design des Betriebs ist angelegt.

## Schritte

1. Klicke im Mandant-Dashboard im Bereich **Allgemein** auf die Kachel der Formular-Widgets. Die Widget-Übersicht öffnet sich.
2. Klicke auf **Neu**. Gib einen **Namen** ein und wähle bei **Typ** die Option **BOOKED!**. Gibt es mehrere Vorlagen, wähle zusätzlich bei **Widget** die passende Vorlage.
3. Klicke auf **Speichern**. Die Bearbeitungsseite des Widgets öffnet sich.
4. Setze im Abschnitt **Allgemeine Einstellungen** das Häkchen bei **BOOKED!**. Setze zusätzlich **REQUEST! legacy**, wenn Gäste auch unverbindlich anfragen dürfen.
5. Wähle bei **Version** die Option **V3** und stelle die V3-Optionen ein: **Preise im Kalender anzeigen**, **Gratis Kinder und Nächte anzeigen**, **Rabatt anzeigen als** und **Zum ersten verfügbaren Datum springen**.
6. Setze **E-Mail an Mandant**, damit der Betrieb zu jeder Buchung eine E-Mail erhält. Hinterlege bei Bedarf im Abschnitt **E-Mail-Einstellungen** eigene Empfängeradressen.
7. Setze **E-Mail an Gast** und wähle bei **E-Mail-Vorlage (Reservierung)** die Vorlage für die Reservierungsbestätigung. Wähle bei **E-Mail-Vorlage (Anfrage)** die Vorlage für Anfragen.
8. Passe im Abschnitt **Style** das CSS an das Design der Website an.
9. Trage im Abschnitt **Einstellungen** pro Sprache die **Bestätigungstexte** ein. Der Gast sieht diesen Text auf der Website, sobald die Buchung abgeschlossen ist.
10. Klicke auf **Speichern**.
11. Kopiere pro Sprache den **Einbaucode** und gib ihn an den Webentwickler weiter. Das Widget gehört auf eine eigene Buchungsseite der Website.

## Die Buchungsstrecke testen

1. Klicke in der Widget-Übersicht auf **Widgets testen**.
2. Wähle bei **Widget** das BOOKED! Widget und bei **Sprache** die gewünschte Sprache. Klicke auf **Weiter**.
3. Mache nach dem Online-Gang gemeinsam mit dem Betrieb eine Testbuchung und kontrolliere die Preise.
4. Prüfe die automatische Reservierungsbestätigung: Stimmen die Texte und das berechnete Angeld? Bei Kreditkartenzahlung muss der Link zum Online-Bezahlen funktionieren.
5. Übergib dem Betrieb seine Zugangsdaten zur Anexis CLOUD!.

## Tipps

* Zwischen ROOMS! (das zentrale PMS) und BOOKED! brauchst du keine Schnittstelle. Reservierungen in ROOMS! reduzieren die Verfügbarkeit in BOOKED! automatisch.
* Soll vor der Zusammenfassung eigener Code laufen (z. B. eine Rückfrage), nutze den Hook `_ea_beforeSummary`. Details findest du in der [BOOKED! Widget bearbeiten Seitenreferenz](./booked-widget).
* Wie gut Gäste durch die Buchungsstrecke kommen, siehst du im [BOOKED! Tracking](https://docs.cloud.anex.is/de/admin/eassistant/analyze-booked-tracking.md).

## Verwandte Artikel

* [BOOKED! Widget bearbeiten Seitenreferenz](./booked-widget) -- alle Felder und Einstellungen im Detail
* [BOOKED! Tracking auswerten](https://docs.cloud.anex.is/de/admin/eassistant/analyze-booked-tracking.md) -- Absprungraten und Verweildauer pro Schritt prüfen
* [BOOKED! einrichten](https://docs.cloud.anex.is/de/mandants/widgets/setup-booked.md) -- das BOOKED! Widget der Anexis CLOUD! einrichten


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.