Ratgeber · Design

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

Aktualisiert am 12. Juli 2026 · Lesezeit ca. 5 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. Genau an dieser Stelle springen Gäste ab, denn ein sichtbarer Systembruch kostet Vertrauen. In diesem Artikel schauen wir uns ehrlich an, was sich an der Smoobu-Buchungsmaschine 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 eine eigene Buchungsmaschine mit, die du als iframe oder Link in deine Website einbindest. Ein paar Dinge lassen sich dort konfigurieren:

Eine Grundfarbe für Buttons und Akzente
Dein Logo und Fotos der Unterkünfte
Die angezeigten Sprachen und Währung
Grundlegende Angaben wie Mindestaufenthalt oder Preise (aus deinen Smoobu-Einstellungen)

Für viele Vermieter reicht das für den Start — und es ist in wenigen Minuten eingerichtet. Das ist die Stärke der Standardlösung.

Wo die Grenzen liegen

Sobald deine Website einen eigenen Charakter hat, wird es schwierig. Diese Punkte lassen sich im Standard-Widget nicht oder kaum beeinflussen:

Schriften: Die Buchungsstrecke nutzt ihre eigene Schriftart — nicht die deiner Website.
Formen & Layout: Eckenradien, Buttons, Abstände und der Aufbau der Seiten sind fix.
Preisdarstellung: Zusatzkosten wie Ortstaxe, gestaffelte Aufschläge ab einer bestimmten Personenzahl oder eine Anzahlung nach deinen Regeln lassen sich nur begrenzt abbilden.
Feinschliff: Eigene Texte je Unterkunft, Reihenfolge der Inhalte, Ausblenden einzelner Elemente.

Warum CSS-Tricks nicht funktionieren: Die Buchungsmaschine läuft in einem iframe auf einer fremden Domain. Aus Sicherheitsgründen (Same-Origin-Policy) kann deine Website die Inhalte darin grundsätzlich nicht per CSS oder JavaScript umgestalten. Anleitungen, die das versprechen, funktionieren nicht oder brechen beim nächsten Update.

Weg 1: Mit den Standard-Optionen leben

Wenn deine Website ohnehin schlicht gehalten ist und die Grundfarbe passt, ist das völlig legitim. Wähle die Widget-Farbe passend zu deinem Branding und achte darauf, dass der Übergang (Überschrift, umgebender Text) den Stilbruch optisch abfedert.

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

Smoobu bietet eine offene Schnittstelle (API), über die Verfügbarkeiten, Preise und Buchungen laufen. Damit kann ein Entwickler eine komplett maßgeschneiderte Buchungsstrecke bauen, die zu 100 % wie deine Website aussieht. Realistisch musst du dafür rechnen mit:

Mehreren Wochen Entwicklungszeit (Kalender, Preislogik, Formulare, E-Mails, Fehlerfälle)
Laufender Wartung bei API-Änderungen
Kosten ab einigen tausend Euro, je nach Anspruch

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 Google-Schriften
Button-Formen, Eckenradien und Schatten — mit Live-Vorschau und fertigen Design-Vorlagen
Echte Preisregeln: Ortstaxe pro Person/Nacht, MwSt. pro Posten, Personen-Staffeln nach Saison, Haustier-Pauschalen, Anzahlung nach deinen Regeln
Eigene Fotos und Texte je Unterkunft, zweisprachig (DE/EN)

Die Buchungen landen dabei ganz normal in deinem Smoobu-Kalender und synchronisieren zu Booking.com, Airbnb & Co. — Smoobu bleibt dein führendes System.

Checkliste: Darauf solltest du bei jeder Lösung achten

Design-Kontrolle: Kannst du Farben, Schriften und Formen wirklich anpassen — oder nur eine Akzentfarbe?
Preisregeln: Lassen sich Ortstaxe, Staffeln und Anzahlung exakt so abbilden, wie du sie brauchst?
Kalender-Sync: Landen Buchungen sofort in Smoobu und blockieren die Portale?
Kosten: Fixpreis pro Monat oder Provision pro Buchung? Provisionen summieren sich schnell.
Datenschutz: Werden Gästedaten DSGVO-konform verarbeitet (Stichwort Auftragsverarbeitung)?

Buchungsstrecke im eigenen Design — in Minuten statt Wochen

BineBoost verbindet sich mit deinem Smoobu-Konto und liefert eine Buchungsmaschine, die aussieht wie deine Website. Erste Unterkunft 9 €/Monat, keine Provision.

7 Tage kostenlos testen Live-Demo ansehen

Keine Kreditkarte nötig — die Testphase endet automatisch.