Ratgeber · Design

Smoobu-Buchungssystem an dein Website-Design anpassen: Möglichkeiten & Grenzen

Aktualisiert am 9. September 2026 · Lesezeit ca. 8 Minuten

Du hast Zeit und Geld in eine schöne Website für deine Ferienwohnung gesteckt, und dann kommt der wichtigste Moment, die Buchung, und plötzlich sieht alles anders aus: andere Schrift, andere Farben, ein fremdes Layout. Das ist der Moment, in dem Gäste zögern, denn ein sichtbarer Systembruch kostet Vertrauen. In diesem Artikel schauen wir uns ehrlich an, was sich am Smoobu-Buchungssystem anpassen lässt, wo die Grenzen liegen und welche Wege zu einer Buchungsstrecke führen, die wirklich zu deiner Website passt.

Was du im Smoobu-Standard-Widget anpassen kannst

Smoobu bringt ein eigenes Buchungssystem mit, das du über einen Code-Schnipsel in deine Website einbindest. Was sich daran einstellen lässt, beschreibt Smoobu selbst so (Stand September 2026):

• Ein CSS-Feld in Smoobu links unter Kernfunktionen auf Buchungssystem, dort in den Einstellungen. Es ist mit einer Liste von Farbwerten vorausgefüllt: Schriftfarbe, Button- und Markenfarben und mehr. Smoobus Rat dazu: die Farbwerte durch deine Markenfarben ersetzen und die übrige Struktur stehen lassen.
• Je Unterkunft ein Foto (am besten quadratisch, höchstens 500 kB) und einen Marketing-Titel je Sprache.
• Zwei Einstellungen am Einbau: die Deckkraft des Hintergrunds in Prozent und die Frage, ob die Suchergebnisse in einem neuen Browser-Tab öffnen.
• Im Buchungsformular für jedes Gästefeld, ob es optional, verpflichtend oder ausgeblendet ist, und ob Gäste eine Gesamtzahl der Gäste angeben oder Erwachsene und Kinder getrennt. Das ist eine Gästezählung, keine Preisregel.

Nachzulesen ist das in Smoobus Hilfeartikeln zum Design des Buchungssystems, zur Einrichtung des Buchungssystems und zum Einbau in die eigene Webseite. Für viele Vermieter reicht das für den Start. Das ist die Stärke der Standardlösung.

Wo die Grenzen liegen

Sobald deine Website einen eigenen Charakter hat, wird es enger. Diese Punkte grenzt Smoobu entweder selbst ab, wir haben sie an der Schnittstelle gemessen, oder ein Vermieter schreibt sie unter Smoobus eigenem Hilfeartikel:

• Alles jenseits der Farbliste: Das vorausgefüllte CSS-Feld ist eine Aufstellung von Farbwerten. Smoobu schreibt selbst dazu, alles darüber hinaus sei Sache eines Webentwicklers, und der Support schreibe dir kein eigenes CSS (Stand September 2026).
• Zwei Seiten bleiben in Smoobus Farbe: Die Buttons auf der Property-Details- und der Book-Now-Seite folgen laut Smoobus Hilfe nicht dem Theme des Webseiten-Baukastens (Stand September 2026). Im Editor lässt sich das nicht ändern, der Support passt es auf Wunsch an.
• Texte je Unterkunft: Neben den Ausstattungssymbolen gibt es dafür laut Smoobus Hilfe genau eine Stelle, den Marketing-Titel je Sprache (Stand September 2026).
• Anzahlung: Übergibt eine angeschlossene Buchungsstrecke einen Anzahlungsbetrag an Smoobu, ersetzt Smoobu ihn durch seine eigene Regel. Ein übergebener Kautionsbetrag bleibt dagegen stehen. Gemessen am 12.08.2026: gesendet 4,56 €, im Kalender danach 86,00 €.
• Preise nach Alter: Unter Smoobus Hilfeartikel zum Buchungssystem schreibt ein Vermieter im August 2026, dass sich keine Preisgruppen für unterschiedliche Altersgruppen einstellen lassen. Das ist die Sicht eines Nutzers, keine Produktdokumentation. Wer altersabhängige Preise oder eine Ortstaxe nach Alter abbilden will, braucht dafür eine Ebene davor.

Weg 1: Mit den Standard-Optionen leben

Wenn deine Website ohnehin schlicht gehalten ist, ist das völlig legitim. Setze im CSS-Feld deine Markenfarben ein, so wie Smoobu es selbst vorschlägt, und achte darauf, dass der Übergang (Überschrift, umgebender Text) den Stilbruch optisch abfedert.

Weg 2: Eine eigene Buchungsstrecke über die Smoobu-API bauen

Smoobu hat eine Schnittstelle (API). Über sie laufen bei uns Verfügbarkeiten, Preise und das Anlegen von Buchungen, das ist unser eigener Betrieb, Stand September 2026. Damit kann ein Entwickler eine Buchungsstrecke bauen, die sich vollständig an dein Design hält. Realistisch musst du dafür rechnen mit:

• Mehreren Wochen Entwicklungszeit (Kalender, Preislogik, Formulare, E-Mails, Fehlerfälle)
• Laufender Wartung bei API-Änderungen
• Kosten, die sich nicht pauschal beziffern lassen: Sie hängen am Stundensatz des Entwicklers und am Umfang

Für einzelne Vermieter lohnt sich das selten. Für Agenturen mit mehreren Kunden kann es interessant sein.

Weg 3: Eine fertige, anpassbare Buchungsmaschine für Smoobu

Der Mittelweg: eine fertige Buchungsstrecke, die auf die Smoobu-Schnittstelle aufsetzt und deren Design du selbst steuerst. Genau dafür haben wir BineBoost gebaut. Du verbindest dein Smoobu-Konto, und im Dashboard stellst du ein:

• Farben (vier Grundfarben, aus denen alle Töne abgeleitet werden) und 21 Schriften: zwölf stehen für Überschriften zur Wahl, zwölf für den Fließtext, drei davon in beiden Listen
• Button-Formen, Eckenradien und Schatten, mit Live-Vorschau und fertigen Design-Vorlagen
• Echte Preisregeln: Kinderpreise je Altersgruppe, Ortstaxe mit eigenem Steuersatz und Alters-Staffeln, Anzahlung und Stornobedingungen nach deinen Regeln, rückerstattbare Kaution
• Eigene Fotos und Texte je Unterkunft, in fünf Sprachen (Deutsch, Englisch, Niederländisch, Italienisch, Französisch)

Die Buchungen landen dabei ganz normal in deinem Smoobu-Kalender, deine Portal-Synchronisation läuft unverändert weiter. Smoobu bleibt dein führendes System.

Ein Werkzeug bildet dabei nur ab, was du ihm vorgibst. Ob deine Regeln für Anzahlung, Storno und Kaution so tragen und wie du Ortstaxe, Kurtaxe und Umsatzsteuer ausweist, gehört anwaltlich und steuerlich geprüft, bevor es in der Buchungsstrecke steht.

Checkliste: Darauf solltest du bei jeder Lösung achten

1. Design-Kontrolle: Kannst du Farben, Schriften und Formen wirklich anpassen, oder endet die Anpassung bei einer Liste von Farbwerten?
2. Preisregeln: Lassen sich Ortstaxe, Staffeln und Anzahlung exakt so abbilden, wie du sie brauchst?
3. Kalender-Sync: Landen Buchungen sofort in Smoobu und blockieren die Portale?
4. Kosten: Fixpreis pro Monat oder Provision pro Buchung? Provisionen summieren sich schnell.
5. Datenschutz: Werden Gästedaten DSGVO-konform verarbeitet (Stichwort Auftragsverarbeitung)?

Über die Punkte zwei und fünf entscheidet am Ende nicht die Software: Was du an Anzahlung, Storno und Kaution vereinbaren darfst und wie Ortstaxe, Kurtaxe und Umsatzsteuer auszuweisen sind, lass anwaltlich und steuerlich prüfen. Die Buchungsstrecke setzt nur um, was du festgelegt hast.

Häufige Fragen

Was lässt sich am Smoobu-Widget überhaupt einstellen?

Laut Smoobus eigenem Hilfeartikel ein CSS-Feld, das mit einer Liste von Farbwerten vorausgefüllt ist: Schriftfarbe, Button- und Markenfarben und mehr. Dazu je Unterkunft ein Foto und ein Marketing-Titel je Sprache, und am Einbau die Deckkraft des Hintergrunds sowie ein Schalter für ein neues Browser-Tab (Stand September 2026). Für alles darüber hinaus verweist Smoobu an einen Webentwickler.

Kann ich das Smoobu-Buchungssystem per CSS an mein Design anpassen?

In den Einstellungen des Buchungssystems ja: Dort gibt es ein CSS-Feld, das Smoobu ausdrücklich dafür anbietet und mit einer Farbliste vorausfüllt (Stand September 2026). Von deiner eigenen Website aus nein: Die Buchungsstrecke läuft in einem iframe auf einer fremden Domain, und die Same-Origin-Policy des Browsers verbietet es deiner Seite, dort hineinzugreifen. Anleitungen, die dir CSS- oder JavaScript-Tricks von außen versprechen, funktionieren nicht oder brechen beim nächsten Update.

Kann ich nur den Buchungskalender einbinden statt der ganzen Strecke?

Smoobu selbst hat dafür den Kalender-iFrame, der aber nur die Belegung zeigt: Gäste können darin keine Tage wählen, keine Preise sehen und nicht buchen. So beschreibt es Smoobus Hilfe (Stand September 2026). Wer einen Kalender will, aus dem heraus gebucht wird, braucht einen Aufsatz. Bei BineBoost gibt es dafür zwei Bausteine: Jede Unterkunft bekommt eine eigene Seite mit Kalender und Buchungsbox, und für die Startseite gibt es ein kompaktes Such-Widget. Beides bekommst du als Code-Schnipsel, den du in ein HTML-Feld deiner Website einsetzt, zum Beispiel in WordPress.

Funktioniert das auch auf einer Website aus dem Smoobu-Baukasten?

Ja. Der Baukasten hat ein Element für eigenen HTML-Code, dein Buchungssystem kann also dort stehen. Diesen Weg haben wir selbst durchgespielt und Schritt für Schritt aufgeschrieben. Ein Punkt wird dabei gern übersehen: Der Baukasten baut laut Smoobus Hilfe eine Website, in der Smoobus eigenes Buchungssystem schon eingebettet ist (Stand September 2026). Auf der Seite, auf der deine Strecke stehen soll, muss die vorhandene also zuerst weg, sonst hat der Gast zwei davon vor sich. Den ganzen Weg zeigt die Anleitung für die Smoobu-Website.

Was kostet ein eigenes Buchungstool für Smoobu?

Für eine Eigenentwicklung auf der Smoobu-API gibt es keinen Listenpreis: Sie hängt am Stundensatz des Entwicklers, am Umfang und an der laufenden Wartung. Kalkulierbar ist dagegen eine fertige Lösung: BineBoost kostet 9,00 € im Monat für die erste Unterkunft und 5,25 € für jede weitere, jährlich 10 Prozent günstiger, jeweils zzgl. USt. Es gibt keine Provision pro Buchung und keine Einrichtungsgebühr, und 7 Tage lang lässt sich ohne Kreditkarte testen.

Ersetzt eine eigene Buchungsstrecke mein Smoobu-Konto?

Nein. BineBoost setzt über die offizielle Smoobu-API auf ein bestehendes Konto auf, Smoobu bleibt Kanalmanager und PMS. Jede Buchung wird im Smoobu-Kalender angelegt, die Portal-Synchronisation läuft unverändert weiter. Ohne aktives Smoobu-Konto funktioniert der Aufsatz gar nicht.