Beds24-Buchungsseite anpassen: Anleitung mit Menüpfaden (und wo die Grenzen liegen)

Wo Sie die Einstellungen der Buchungsseite finden

Stand Oktober 2026 liegt die Buchungsseite laut deutschem Beds24-Wiki unter (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTERKUNFT, aufgeteilt in Bereiche. Bilder und Sprachen haben eigene Menüs:

Experimentieren Sie nicht auf der Live-Seite. Beds24 erlaubt bis zu sechs Layouts gleichzeitig: Speichern Sie Ihre Änderungen unter Layout 2 und öffnen Sie die Vorschau, indem Sie &layout=2 an die Adresse Ihrer Buchungsseite anhängen. Ihr normaler Link zeigt weiter das Standard-Layout, bis Sie umstellen.

Alles in dieser Anleitung gilt für die responsive Version. Die ältere „Adaptive“-Buchungsseite bezeichnet Beds24 als veraltet.

Template wählen und Module anordnen

Die Seite besteht aus Modulen in Zeilen, für die Unterkunft, jede Einheit und jede Offerte: Bilder-Slider oder Galerie, Ausstattungsmerkmale, Belegungskalender, Preistabelle, Beschreibungen, AGB und Karte. Templates sind fertige Kombinationen dieser Module; der aktuelle Standard ist Template 7.

1. Wählen Sie unter LAYOUT das passende Template und klicken Sie auf „Standardeinstellung laden“. Vorsicht: Das Zurücksetzen auf die Standardeinstellung entfernt alle Änderungen an diesem Layout.
2. Deaktivieren Sie Module, die Sie nicht brauchen. Eine kürzere Seite liest sich auf dem Handy besser.
3. Über Manage passen Sie jedes verbleibende Modul an, auch seine Anzeige auf Mobilgeräten.
4. Breiten festlegen: Jedes Modul belegt einen Teil einer Zeile mit 12 Spalten, auf dem Desktop und auf Mobilgeräten.

Leere Module erscheinen nicht: Die Kontexthilfe (die ?-Icons) zeigt, wo jedes Modul seine Inhalte herbekommt.

Farben, Schriften und Ihr Logo

Unter STYLE ändern Sie Farben und Schriften. Stand Oktober 2026 sind die Standardwerte ein hellgrauer Hintergrund (#f4f4f4), dunkelgrauer Text (#424242), blaue Links und Buttons (#008acc) sowie Arial in 14px. Hintergrund, Buttons und Schrift an Ihre Website anzugleichen, bringt am schnellsten sichtbare Wirkung. Für Barrierefreiheit empfiehlt das Wiki Farben mit hohem Kontrast.

Eine Google-Schrift binden Sie laut Wiki in zwei Schritten ein: zuerst den Link von Google unter DEVELOPER im Feld „Einfügen in HTML <HEAD>“, dann eine CSS-Regel wie .colorbody{font-family: 'Open Sans', sans-serif;}.

Für Ihr Logo beschreibt das Wiki diesen Weg: Logo unter BILDER hochladen, über „Bearbeiten“ die URL kopieren und das Bild im Text „Beschreibung Unterkunft 1“ unter INHALT einfügen.

Bilder, Beschreibungen und Sprachen

Bilder laden Sie unter (KONFIGURATION) BUCHUNGSMASCHINE > BILDER hoch und ordnen sie der Unterkunft, einer Einheit oder einer Offerte zu. Laut Wiki-Seite Bilder gelten Stand Oktober 2026: maximal 10 Dateien (100 MB) pro Upload, 99 Bilder pro Unterkunft und zusätzlich bis zu 20 extern gehostete Bilder pro Einheit, nur über https.

• Zimmerbilder fehlen? Bilder einer Einheit erscheinen nur, wenn das Layout ein Modul „Bild Einheit“ vorsieht. Viele Layouts verwenden nur „Bilder Offerte“: Ordnen Sie Ihre Bilder dann Offerte 1 zu, die immer angezeigt wird.
• Ein Format pro Slider. Beds24 rät, Hoch- und Querformat nicht zu mischen.

Sprachen aktivieren Sie unter (KONFIGURATION) BUCHUNGSMASCHINE > INTERNATIONALISIERUNG. Ihre Beschreibungen geben Sie dann in Tabs pro Sprache ein, und die „Standardsprache Buchungsseite“ bestimmt, welche Fassung zuerst erscheint. Lesen Sie die Seite danach wie ein Gast: In echten Konten erscheinen Zimmertypen oft unter internen Codes wie „XGL“ oder „DBLV“.

Feste Texte ändern und eigenes CSS einfügen

Im Bereich DEVELOPER tauschen Sie feste Texte der Buchungsseite aus, fügen Skripte wie Analytics ein und hinterlegen eigenes CSS. Zusätzliche Informationen und die Warnhinweise bei fehlender Verfügbarkeit ändern Sie unter INHALT. Sehen Gäste „No price found“, beheben Sie zuerst die Ursache: siehe warum ein Zimmertyp in Beds24 nicht buchbar ist.

Für CSS verweist das deutsche Wiki auf die englische Seite Custom CSS. Drei Regeln von dort, unverändert übernommen:

/* Nachkommastellen in Preisen ausblenden */
.bookingpagecents {display:none;}

/* Grösse der Zimmernamen: höhere Zahl = grössere Namen */
.at_roomnametext{font-size: 14px;}

/* Die 0 bei der Anzahl Erwachsene entfernen */
#inputnumadult option[value="0"] {display:none !important;}

Fügen Sie eine Regel nach der anderen ein und prüfen Sie die Seite nach jeder: Klassennamen können je nach Version der Buchungsseite abweichen.

Vor dem Livegang: mobil testen

Unter LAYOUT legen Sie über Manage für jedes Modul fest, ob es auf Mobilgeräten direkt, über einen Link oder gar nicht erscheint. Halten Sie die mobile Version kurz und prüfen Sie sie dann auf einem echten Handy:

• Suche über 2 Nächte für 2 Erwachsene: Sind Daten, Gäste und Preis sichtbar, ohne an langen Texten vorbeizuscrollen?
• Sind die Bilder scharf, die Texte lesbar und die Buttons leicht zu treffen?
• Wird die Anzahl Nächte angezeigt? Falls nicht, hilft laut Wiki .b24-selector-numnight { display: inline-block !important; }.
• Ist jede Sprache vollständig, bis zur letzten Seite?
• Gehen Sie bis zur Zahlung, ohne zu bezahlen: Stimmt der Betrag mit dem auf der ersten Seite überein?

Springt der Betrag am Ende, prüfen Sie die Kurtaxe: In Beds24 ist sie ein obligatorischer Upsell-Posten, der im Abschnitt der Einheit erscheint. Damit schon die ersten Preise solche Gebühren enthalten, nennt die Wiki-Seite Upselling die Einstellung Preisanzeige = „Gesamtpreis inklusive“ unter BUCHUNGSSEITE UNTERKUNFT (dann werden Gebühren „Pro Buchung“ bei Buchungen mehrerer Einheiten nicht korrekt berechnet).

Eigene Domain und der „Powered by Beds24“-Link

Zwei Dinge ändert keine Einstellung und keine CSS-Regel aus dieser Anleitung: die Adresse auf beds24.com und den kleinen Link „powered by Beds24.com“. Die Lösung von Beds24 heisst Private Label, eine kostenpflichtige Option, die die Seite auf eine Subdomain wie buchen.ihr-hotel.de verlegt und den Link entfernt. Einrichtung, Kosten und Alternativen erklärt unser Ratgeber Beds24 White Label: eigene Domain ohne „Powered by Beds24“.

Wann sich Selbermachen nicht mehr lohnt

Am Geld scheitert es selten: Stand Oktober 2026 listet die Preisseite von Beds24 eine „mobile friendly and fully customizable booking engine“ unter den Leistungen ohne Aufpreis; Private Label kostet 19,00 € pro Monat. Der eigentliche Aufwand ist Ihre Zeit: Er wächst mit jedem Zimmertyp, jeder Sprache und jeder CSS-Regel, die Sie auf dem Handy nachprüfen.

Hören Sie auf zu basteln, wenn Ihre Zimmertypen bei Gästen noch als interne Codes ankommen, wenn in einzelnen Sprachen Texte fehlen oder wenn Gäste direkt auf Ihrer eigenen Website buchen sollen, in deren Design.

Genau diese Lücke schliesst unsere Buchungsmaschine für Beds24, ohne dass Sie Beds24 verlassen: echte Zimmernamen, Betten, Beschreibungen und Fotos auf Deutsch, Englisch, Französisch, Italienisch und Spanisch; Ihre Farben, Schriften und Ihr Logo, als Widget auf Ihrer Website oder als gehostete Seite; die Kurtaxe pro Person und Nacht, von Anfang an im Gesamtpreis; kein „powered by Beds24“-Link. Preise und Kanäle bleiben in Beds24, und wenn Sie möchten, richten wir alles für Sie ein.

Häufige Fragen