Cloudbeds Booking Engine anpassen

Juss Reyes

Aktualisiert 23. Oktober 2026 16:13

Passe deine Buchungsmaschine an und richte sie nach deinen Markenrichtlinien ein. Dieser Artikel bietet eine allgemeine Übersicht über den Bereich Anpassen deiner Cloudbeds-Buchungsmaschine.

Zugriff auf den Anpassungsbereich

Gehen Sie in Ihrem Kontomenü , zur Seite Einstellungen und klicken Sie auf den Bereich Buchungsmaschine
Klicken Sie auf die Registerkarte Anpassen

Erfahren Sie mehr über die Cloudbeds-Buchungsmaschine.

Anpassungsoptionen der Cloudbeds Booking Engine Plus

Cloudbeds Booking Engine Plus ist eine neu gestaltete und verbesserte Version Ihrer Cloudbeds-Buchungsmaschine.

Unterschiede zwischen der Registerkarte Standardanpassung und der neuen Buchungsmaschine Plus

Standard-Buchungsmaschine

Die Registerkarten zur Anpassung der Standard-Buchungsmaschine sind in einem traditionellen Seiten-für-Seiten-Ablauf organisiert, wie er im Buchungsprozess üblich ist. Benutzer finden verschiedene Felder, die auf jede Phase der Buchungsreise zugeschnitten sind, einschließlich eines eigenen Feldes für die Bestätigungsseite, um relevante Skripte für die Funktionalität dieser Seite einzubetten.

Buchungsmaschine Plus

Die neue Buchungsmaschine Plus funktioniert als Single-Page-Anwendung, die mehrere Seiten (wie die Hauptseite, Zimmerseite, Gästedetails, Zahlungsdetails und Bestätigungsseite) kombiniert.

Folglich spiegelt die Registerkarte zur Anpassung der Buchungsmaschine Plus diesen integrierten Ansatz wider, und Benutzer werden das Fehlen einzelner Felder für jede Seitenkomponente bemerken, einschließlich des Eingabefelds für Skripte auf der Anpassungsseite.

Um Skripte für die Buchungsmaschine Plus anzupassen, müssen Benutzer nur einmal die relevanten Skripte eingeben, da diese nahtlos für die gesamte Buchungsreise gelten, die in einer einzigen Seite integriert ist (dies umfasst Meta-Tags und JavaScript).

Die neue Buchungsmaschine vereinfacht den Anpassungsprozess, indem sie Eingaben konsolidiert und die Notwendigkeit für seiten-spezifische Skriptzuteilungen eliminiert.

Beitragsbild

Diese Einstellung bestimmt das Bild, das hinter dem Datums-Auswahlfeld auf der Landingpage der Buchungsmaschine angezeigt wird.

Die maximale Pixelgröße für das Beitragsbild beträgt 1600 x 1000. Wenn ein größeres Bild hochgeladen wird, passt das System es automatisch auf die unterstützte Größe an.

Klicken Sie auf das (x)-Symbol in der Bildecke, um es bei Bedarf zu löschen.

Hintergrund der Buchungsseite

Dies ist die Hintergrundfarbe, die auf der Landingpage der Buchungsmaschine angezeigt wird, wenn kein Bild für das Hauptbild ausgewählt ist oder wenn die Ladezeit gedrosselt wird.

Zeigen Sie das Logo Ihrer Unterkunft als Haupt-Thumbnail im Kopfbereich der Buchungsmaschine an

Stellen Sie die Einstellung "Fotos Ihrer Unterkunft auf der Buchungsseite anzeigen?" auf Nein
Laden Sie Ihr Logo in den erforderlichen Bildmaßen (270px x 270px) hoch

Hinweis: Wenn die Einstellung "Fotos Ihrer Unterkunft auf der Buchungsseite anzeigen?" auf JA gesetzt ist, erscheinen die Fotos Ihrer Unterkunft (Thumbnails) im Kopfbereich der Buchungsmaschine.

Primäre Farbeinstellung

Dies ist die primäre Farbe, die für alle Call-to-Action-Schaltflächen, den Datumsauswahl und die Mehr lesen-Hyperlinks im Abschnitt Allgemeine Geschäftsbedingungen angezeigt wird.

Mehr erfahren über die Verwendung von Farbauswählern.

Angebote anzeigen und die Seitenleiste „Angebote anzeigen / Angebote ausblenden“

Bei Verwendung der Cloudbeds Booking Engine Plus können Zimmer standardmäßig in einer eingeklappten Ansicht angezeigt werden. Dadurch wird am unteren Rand jeder Zimmerkarte die Seitenleiste „Angebote anzeigen / Angebote ausblenden“ eingeführt.

Diese Seitenleiste verwendet eine automatisch generierte Variation deiner primären Farbe. Selbst wenn die Kopfzeilenfarbe anders ist, wird die Seitenleiste diese nicht übernehmen. Dies ist das erwartete Verhalten.

Die Seitenleiste kann nicht individuell über das Anpassungsfeld eingefärbt werden.
Wenn du ihre Farbe über CSS in den „Custom Meta Tags“ überschreibst, beachte bitte, dass dieses Element keine feste Klasse verwendet. Daher können CSS-Überschreibungen instabil bleiben.

Hyperlink des Unterkunft-Logos

Dieses Feld ermöglicht es dir, dein Logo mit deiner Website zu verlinken.

Den Text für keine Verfügbarkeit in der Buchungsmaschine anpassen

Wenn für einen Gast keine Verfügbarkeit für eine Zimmerbuchung besteht, zeigt die Buchungsmaschine eine Standardnachricht an. Dieser Artikel erklärt, wie Sie diesen „Keine Verfügbarkeit“-Text anpassen können, um besser zur Stimme Ihrer Marke zu passen und mit Ihren Gästen zu kommunizieren: Den Text für keine Verfügbarkeit in der Buchungsmaschine anpassen.

Benutzerdefinierten Code einbetten

Passe den Kopfzeilen und die Fußzeile deiner Buchungsmaschine an; füge deine benutzerdefinierten Meta-Tags und JavaScript-Codes hinzu.

Beim Speichern von Änderungen an geschützten benutzerdefinierten Code-Feldern der Buchungsmaschine kann Cloudbeds dich auffordern, eine Multi-Faktor-Authentifizierung (MFA) mit erhöhter Sicherheit abzuschließen, bevor die Änderungen gespeichert werden. Dies gilt für sensible benutzerdefinierte Code-Felder wie benutzerdefinierte Kopfzeile, benutzerdefinierte Fußzeile, benutzerdefinierte Meta-Tags und JavaScript.

Mehr erfahren: Multi-Faktor-Authentifizierung mit erhöhter Sicherheit für benutzerdefinierte HTML- und JavaScript-Felder der Buchungsmaschine.

Die Felder benutzerdefinierte Kopfzeile und benutzerdefinierte Fußzeile bieten dir die Möglichkeit, Code für jede ausgewählte Sprache anzuwenden. Diese Funktion bietet große Flexibilität, sollte aber mit Bedacht verwendet werden.
Denke daran, die Sprache auszuwählen, auf die du den Code anwenden möchtest, und füge dann den Code für jede Sprache ein, mit der du arbeiten möchtest.
Benutzerdefinierte Meta-Tags: Du kannst CSS-Code innerhalb von <style></style>-Tags einfügen.
JavaScript: Wende in diesem Abschnitt nur JavaScript-Code an, der in <script></script>-Tags eingeschlossen ist.

Wir bieten mehrere Beispiele und benutzerdefinierte Codes für diesen Abschnitt an. Du findest sie in unserem Artikel: Booking Engine Plus – Häufigste Anpassungscodes.