> ## 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.

# BOOKED! Widget bearbeiten Seitenreferenz

> Die BOOKED!-spezifischen Felder eines Formular-Widgets vom Typ BOOKED!: allgemeine Einstellungen, V3-Optionen, E-Mails, Einbaucode, Bestätigungstexte, Parameter und Hooks.

Diese Seite beschreibt die Bearbeitungsseite eines Formular-Widgets vom Typ BOOKED! (die Online-Buchungsstrecke). Die Seite ist nur für Anexis-Mitarbeiter mit Admin-Rechten erreichbar: Mandant-Dashboard > **Allgemein** > Kachel der Formular-Widgets > Widget öffnen. Für die Vorlage **BOOKED! - PORTALS!** gelten die Unterschiede aus der [Widget-Vorlagen Seitenreferenz](./widget-templates).

## Allgemeine Einstellungen

| Feld | Gültige Werte | Hinweise |
| - | - | - |
| **Aktiv** | Ja, Nein | Schaltet das Widget aktiv oder inaktiv. Inaktive Widgets bleiben gespeichert. |
| **Name** | Freitext | Interner Name des Widgets. |
| **BOOKED!** | Ja, Nein | Gäste können verbindlich buchen. |
| **REQUEST! legacy** | Ja, Nein | Gäste können statt einer Buchung eine unverbindliche Anfrage senden. Ist nur diese Option gesetzt, arbeitet das Widget als reines Anfrageformular. |
| **Nur Zusatzfelder in Hotelsoftware einlesen** | Ja, Nein | Bei „Ja“ übergibt die Anexis CLOUD! nur die Zusatzfelder des Formulars in den Kommentar für die Hotelsoftware, nicht alle Formularfelder. |
| **Referrerdaten in E-Mail an Mandant anzeigen** | Ja, Nein | Zeigt in der E-Mail an den Betrieb, von welcher Seite der Gast gekommen ist. |
| **E-Mail an Mandant** | Ja, Nein | Der Betrieb erhält zu jeder Buchung und Anfrage eine E-Mail. |
| **E-Mail an Gast** | Ja, Nein | Der Gast erhält automatisch eine Bestätigung mit der gewählten E-Mail-Vorlage. |
| **E-Mail-Vorlage (Reservierung)** | Auswählen, alle Reservierungsvorlagen des Mandanten | Vorlage für die automatische Reservierungsbestätigung. |
| **E-Mail-Vorlage (Anfrage)** | Auswählen, alle Anfragevorlagen des Mandanten | Vorlage für die automatische Anfragebestätigung. |
| **Version** | Globale Styles (V1), Individuelle Styles (V2), V3 | V1 verwendet die globalen Styles und blendet den Abschnitt **Style** aus. Für die aktuelle Buchungsstrecke wähle „V3". |
| **Preise im Kalender anzeigen** | Ja, Nein | Nur bei V2 und V3. Zeigt den Ab-Preis pro Tag im Buchungskalender. Unterschiedliche Preise entstehen durch unterschiedliche verfügbare Zimmer oder fehlende Preise. |
| **Gratis Kinder und Nächte anzeigen** | Ja, Nein | Nur bei V3. Zeigt an, wenn eine Preisliste kostenlose Kinder oder Gratis-Nächte enthält. |
| **Rabatt anzeigen als** | Nicht anzeigen, %, € | Nur bei V3. Anzeige des Rabatts gegenüber der Basis Preisliste. „€" ist sinnvoll bei festen, nicht rabattierten Kinderpreisen. |
| **Zum ersten verfügbaren Datum springen** | Ja, Nein | Nur bei V3. Der Kalender öffnet beim ersten buchbaren Datum, wenn keine Anreise per Parameter übergeben wird. |
| **Kinder - Alter von** | 0–17 | Kleinstes auswählbares Kinderalter in der Buchungsstrecke. |
| **Kinder - Alter bis** | 0–17 | Größtes auswählbares Kinderalter in der Buchungsstrecke. |

## Weitere Abschnitte

| Feld | Gültige Werte | Hinweise |
| - | - | - |
| **E-Mail-Einstellungen** > **E-Mail-Adresse** | E-Mail-Adressen | Sind Adressen eingetragen, geht die E-Mail an den Mandanten nur an diese Adressen. Sonst geht sie an die E-Mail-Adresse des Betriebs. |
| **Google Analytics**, **Google Adwords**, **CleverReach** | pro Sprache | Tracking- und Newsletter-Einstellungen. Sie sind für alle Formular-Widgets gleich, siehe [Widget bearbeiten Seitenreferenz](./widget-edit). |
| **Style** | CSS | Individuelles CSS des Widgets. Unter **Standardwerte** stehen die verfügbaren Variablen. Nicht sichtbar bei Version V1. |
| **Einstellungen** > **Einbaucode** | pro Sprache, schreibgeschützt | Code zum Einbinden auf der Website. Bindest du das Widget mehrmals auf einer Seite ein, verwende den Code ohne `<script>`-Element und gib jedem Widget eine eigene `id`, die mit `eassistant` beginnt (z. B. `eassistant-1`). |
| **Einstellungen** > **Bestätigungstexte** | pro Sprache, Freitext | Text, den der Gast nach dem Abschluss der Buchung auf der Website sieht. |
| **Einstellungen** > Formularfelder | Verfügbare Felder, Ausgewählte Felder | Felder des Kontaktformulars. `*` = Pflichtfeld bei Reservierung, `°` = Pflichtfeld bei Anfrage. |

## Parameter

Der Abschnitt **Parameter** listet die URL-Parameter und Data-Attribute des Widgets: `RoomTypeId`, `RatePlanId`, `RatePlanCode`, `Arrival`, `Departure`, `Load` und `Rooms`. Data-Attribute schreibst du in Kleinbuchstaben (z. B. `data-roomtypeid`); sie haben Vorrang vor URL-Parametern. Zusätzlich wertet das Widget `RoomGap` (ID eines Restplatzangebots) aus. Details und Beispiele stehen in [Daten per URL an BOOKED! übergeben](https://docs.cloud.anex.is/de/eassistant/modules/pass-data-to-booked-widget.md).

## Hooks

Hooks sind JavaScript-Funktionen, die du auf der Website definierst. Das Widget ruft sie zu bestimmten Zeitpunkten auf.

| Hook | Zeitpunkt | Parameter |
| - | - | - |
| `_ea_beforeSummary(next, widgetHtmlElementId)` | Bevor die Zusammenfassung geladen wird | `next`: Objekt mit der Funktion `next()`. Erst wenn du `next()` aufrufst, geht es zur Zusammenfassung weiter. |
| `_ea_roomTypesLoaded(widgetHtmlElementId)` | Sobald die Zimmerkategorien geladen sind | `widgetHtmlElementId`: die `id` des Widgets im HTML-Code |
| `_ea_onSuccess(token, context, widgetHtmlElementId)` | Nach dem erfolgreichen Absenden | `token`: die `data-id` des Widgets. `context`: Buchungsnummer (`bookingCode`), Typ (1 = Anfrage, 2 = Reservierung), Anreise, Abreise, Belegung, Gastdaten, gebuchte Zimmer, Zusatzleistungen, Rabatt, Gesamtsumme und Formularfelder |

Beispiel für eine Rückfrage vor der Zusammenfassung:

```html theme={null}
<script>
  var _ea_beforeSummary = function (data) {
    if (confirm('Möchtest du fortfahren?')) {
      data.next()
    }
  }
</script>
```

## Abhängigkeiten

* **Version** steuert die Sichtbarkeit der V3-Optionen und des Abschnitts **Style**.
* **E-Mail-Vorlage (Reservierung)** und **E-Mail-Vorlage (Anfrage)** greifen nur, wenn **E-Mail an Gast** gesetzt ist.
* **Rabatt anzeigen als** zeigt nur dann einen Rabatt, wenn die Angebotspreisliste eine Basis Preisliste hat.
* Das Rabattcode-Feld von DISCOUNT CODE! erscheint in der Zusammenfassung nur bei Version V3 und aktiver DISCOUNT CODE! Komponente.

## Aktionen

| Aktion | Beschreibung |
| - | - |
| **Zurück** | Führt zurück zur Widgetliste. |
| **Widget löschen** | Löscht das Widget nach einer Sicherheitsabfrage. Gibt es Reservierungen oder Anfragen über das Widget, erscheint „Kann nicht gelöscht werden. Mindestens eine Reservierung/Anfrage existiert.“. |
| **Speichern** | Speichert alle Änderungen am Widget. |

## Verwandte Artikel

* [Das BOOKED! Formular-Widget einrichten](https://docs.cloud.anex.is/de/admin/eassistant/setup-booked-widget.md) -- Voraussetzungen und Einrichtungsschritte
* [BOOKED! Tracking auswerten](https://docs.cloud.anex.is/de/admin/eassistant/analyze-booked-tracking.md) -- Schritt-für-Schritt-Anleitung
* [Widget-Vorlagen Seitenreferenz](./widget-templates) -- Vorlage BOOKED! - PORTALS!
* [DISCOUNT CODE! einrichten](https://docs.cloud.anex.is/de/mandants/components/setup-discount-code.md) -- Rabattcodes in der Anexis CLOUD! anlegen


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