Ratgeber · Technik

Smoobu-Buchungsmaschine in WordPress einbinden: die Schritt-für-Schritt-Anleitung

Aktualisiert am 12. Juli 2026 · Lesezeit ca. 6 Minuten

Deine Ferienwohnungs-Website läuft auf WordPress, deine Kalender und Preise liegen in Smoobu — jetzt sollen Gäste direkt auf deiner Seite buchen können. Die gute Nachricht: Dafür brauchst du kein Plugin und keinen Entwickler. Eine Buchungsmaschine wird als iframe eingebunden — ein kleiner HTML-Schnipsel, den WordPress von Haus aus versteht. Hier ist die komplette Anleitung inklusive der Stolperfallen, über die fast jeder einmal fällt.

Das Prinzip: ein iframe, egal welches Theme

Ein iframe ist ein „Fenster" in deiner Seite, in dem die Buchungsmaschine läuft. Der Schnipsel sieht — egal ob vom Smoobu-Standard-Widget oder von einer Lösung wie BineBoost — im Kern so aus:

<iframe src="https://…/deine-buchungsmaschine"
        style="width:100%; border:0;" height="900"
        title="Buchung"></iframe>

Wichtig ist nur, wo du diesen Schnipsel in WordPress einfügst — das hängt von deinem Editor ab.

Gutenberg (Block-Editor)

1. Seite bearbeiten → auf das + klicken → nach dem Block „Individuelles HTML" suchen.
2. Den iframe-Schnipsel einfügen.
3. Oben auf „Vorschau" wechseln — der Kalender erscheint direkt im Editor. Speichern, fertig.

Elementor

1. Seite mit Elementor bearbeiten → links das Widget „HTML" in den gewünschten Bereich ziehen.
2. Schnipsel in das Code-Feld einfügen — die Vorschau aktualisiert sich sofort.

Classic Editor / andere Page-Builder

Im Classic Editor auf den Reiter „Text" (nicht „Visuell") wechseln und den Schnipsel einfügen. Divi, WPBakery & Co. haben alle ein „Code"- oder „Raw HTML"-Element — das ist der richtige Ort.

Die 4 häufigsten Stolperfallen

1. Die Höhe: abgeschnittener Kalender oder doppelte Scrollbalken

Ein iframe hat eine feste Höhe. Ist sie zu klein, wird die Buchungsstrecke abgeschnitten oder bekommt einen eigenen Scrollbalken im Scrollbalken — der Conversion-Killer schlechthin, besonders am Handy. Zwei Lösungen: die Höhe großzügig fest einstellen (unschön, weil je nach Schritt Leerraum entsteht) — oder eine Buchungsmaschine nutzen, die ihre Höhe automatisch an die Seite meldet (per postMessage). BineBoost macht Letzteres von Haus aus; der Schnipsel aus dem Dashboard enthält die Auto-Höhe bereits.

2. Cookie-Banner blockiert das iframe

Manche Consent-Plugins (Borlabs, Complianz, Cookiebot) blockieren iframes, bis der Besucher zustimmt — dann sehen Gäste statt des Kalenders eine graue Fläche. Prüfe die Plugin-Einstellungen: Die Buchungsmaschine verarbeitet erst bei aktiver Buchung personenbezogene Daten und setzt keine Marketing-Cookies — sie gehört daher in der Regel nicht in die Blockier-Liste. Im Zweifel die Domain der Buchungsmaschine als Ausnahme eintragen.

3. Caching-Plugins zeigen alte Versionen

Wenn du den Schnipsel änderst und nichts passiert: WP Rocket, LiteSpeed & Co. liefern oft eine gecachte Seite aus. Nach Änderungen den Seiten-Cache leeren.

4. HTTPS

Deine WordPress-Seite muss über https:// laufen (heute Standard). Ein http-iframe in einer https-Seite wird vom Browser blockiert — achte darauf, dass der Schnipsel eine https-Adresse enthält.

Alternative ohne Einbindung: der direkte Buchungslink

Du kannst die Buchungsmaschine auch einfach verlinken — als Button „Jetzt buchen", der auf die Buchungsseite führt. Das ist die richtige Wahl, wenn dein Theme wenig Platz lässt oder du die Buchung z. B. aus einem Instagram-Profil heraus erreichbar machen willst. Der Nachteil: Der Gast verlässt optisch deine Website, außer die Buchungsseite ist in deinem Design gehalten.