Ändere Farben, Fotos und Texte deines Buchungssystems

Das Buchungsformular in deinen Farben, mit eigenen Fotos und Texten? Alles machbar: Die Farben passt du in einem vorausgefüllten Style-Feld an, jede Unterkunft bekommt ein Foto und einen Marketing-Titel in den Sprachen deiner Gäste, und Ausstattungssymbole zeigen die Merkmale der Unterkunft auf einen Blick. Wo du was findest: Farben, Fotos und Titel liegen in den Einstellungen des Buchungssystems, die Ausstattung hinter den Symbolen hakst du im Webseiten-Baukasten ab.

Bevor du startest

Halte das bereit, bevor du das Buchungsformular gestaltest:

• Dein Buchungssystem eingerichtet und mit deinen Unterkünften bestückt. Siehe Wie richte ich mein Buchungssystem ein?.
• Ein Foto pro Unterkunft; am besten quadratisch und höchstens 500 kB groß.

Buchungsformular und Webseite gestaltest du an verschiedenen Stellen

Die Einstellungen in diesem Artikel ändern nur das Buchungssystem: das Buchungsformular, das deine Gäste nutzen, ob eingebettet in deine Seite oder auf deiner Smoobu-Buchungsseite. Alles andere an deiner Webseite (Seiten, Layout, Schriften, Seitenfarben, Textabschnitte) bearbeitest du stattdessen im Editor des Webseiten-Baukastens. Dazu siehe Wie bearbeite ich meine Webseite?.

Schritte

1. Öffne Kernfunktionen > Buchungssystem. Wähle auf dem Tab Einstellungen für Unterkünfte eine Unterkunft.
2. Lade das Photo der Unterkunft hoch: am besten quadratisch und höchstens 500 kB groß. Gäste sehen es als Vorschaubild der Unterkunft in den Suchergebnissen des Buchungsformulars.
3. Trage einen Marketing-Titel für jede Sprache ein, in der du Gäste begrüßt. Dieser Text ist die Überschrift auf der Karte der Unterkunft und die einzige Stelle für eine geschriebene Beschreibung neben den Ausstattungssymbolen; beschreibe die Unterkunft hier also in Worten. Die Symbole selbst stammen aus der Ausstattung, die du für die Unterkunft unter Kernfunktionen > Webseiten-Baukasten > Unterkünfte > Details & Photos abhakst.
4. Klicke auf Speichern und wiederhole die Schritte 1 bis 3 für deine übrigen Unterkünfte.
5. Wechsle zum Tab Einstellungen Buchungssystem und öffne den Abschnitt CSS - Individualisiere das Design.
6. Das Feld Eigenes CSS ist mit einer Liste von Farbeinstellungen vorausgefüllt (Schriftfarbe, Button- und Markenfarben und mehr). Ersetze die Farbwerte in dieser Liste durch deine Markenfarben und lass die übrige Struktur unverändert. Alles darüber hinaus ist Sache eines Webentwicklers; der Smoobu-Support schreibt dir kein eigenes CSS.
7. Klicke auf Speichern.

So prüfst du, ob es geklappt hat

Klicke oben rechts auf der Buchungssystem-Seite auf Vorschau. Jede Unterkunft zeigt ihr Foto als Vorschaubild und ihren Marketing-Titel neben den Ausstattungssymbolen, und das Formular nutzt deine Farben. Ist das Formular in deine Webseite eingebettet, lade auch diese Seite neu.

Häufige Probleme

Ich habe die Farben geändert, aber meine Webseite sieht gleich aus

Das ist normal: Das Feld „Eigenes CSS" gestaltet nur das Buchungsformular, nicht die Seiten drumherum. Die Farben, Schriften und das Layout deiner Webseite bearbeitest du im Editor des Webseiten-Baukastens; siehe Wie bearbeite ich meine Webseite?.

Die Buttons auf meiner Property-Details- oder Book-Now-Seite passen nicht zu den Farben meiner Seite

Diese beiden Seiten baut Smoobu, und ihre Buttons behalten Smoobus eigene Farbe, statt der Button-Farbe aus dem Theme deines Webseiten-Baukastens zu folgen. Im Editor kannst du das nicht ändern, aber der Smoobu-Support passt die Button-Gestaltung auf Wunsch für dich an, ebenso den englischen Standardtext auf der Property-Details-Seite. Was auf diesen Seiten fest vorgegeben ist, steht in Wie bearbeite ich meine Webseite?. Das ist getrennt vom eigenen CSS oben, das das Buchungsformular selbst gestaltet.

Dasselbe Symbol erscheint mehrfach neben meiner Unterkunft

Smoobu bietet 44 Ausstattungsmerkmale, aber nur 41 Symbole, daher teilen sich einige Merkmale ein Symbol. Die TV-Optionen zeigen zum Beispiel alle dasselbe TV-Symbol, und Balkon und Terrasse teilen sich eins. Hakst du mehrere davon ab, stehen gleiche Symbole nebeneinander auf deiner Karte; entferne den Haken bei den fast doppelten, die du nicht brauchst, und die Karte aktualisiert sich von selbst.

Meine Texte erscheinen nur in einer Sprache

Der Marketing-Titel hat ein eigenes Feld pro Sprache, fülle also jede Sprache aus, die du brauchst. Bei den Buttons und Beschriftungen des Formulars ist es anders: Sie folgen automatisch der Browsersprache jedes Gastes, während Texte, die du selbst schreibst, genau so erscheinen, wie du sie eingegeben hast. Wie Sprachen im Buchungsformular funktionieren, ist in In welcher Sprache sehen Gäste das Buchungsformular? erklärt.

Verwandte Artikel

• Wie richte ich mein Buchungssystem ein?
• Wie bearbeite ich meine Webseite?
• In welcher Sprache sehen Gäste das Buchungsformular?
• Wie baue ich das Buchungssystem in meine Webseite ein?

Kommst du nicht weiter?

Wenn diese Schritte das Problem nicht gelöst haben, kontaktiere das Smoobu-Team: Öffne das Menü Hilfe, um ein Ticket zu eröffnen oder einen Telefontermin zu buchen, oder nutze die Chat-Blase unten rechts. Für die schnellste Antwort gib bitte an:

• Deine Smoobu User ID (im Profil-Icon-Menü oben rechts).
• Den Namen oder die ID der Unterkunft, wenn es um eine bestimmte Unterkunft geht.
• Die Buchungs-ID, wenn es um eine bestimmte Buchung geht (Buchungen, dann Mehr anzeigen).
• Den Namen des Portals, wenn es um Portal-Sync geht (Booking.com, Airbnb, Vrbo und so weiter).
• Eine kurze Schritt-für-Schritt-Beschreibung: was du getan hast, was du erwartet hast und was passiert ist.
• Screenshots oder eine kurze Bildschirmaufnahme des Problems.