Um einen Direktbuchungs-Button hinzuzufügen, betten Sie einen kleinen Code-Schnipsel ein, der Ihre Website mit Ihrer Live-Verfügbarkeit verbindet und Gästen erlaubt, ohne Seitenwechsel zu buchen. In der Regel schaffen Sie das in unter einer Stunde – ganz ohne Entwickler.
Hier die praktische Variante Schritt für Schritt: was Sie vorbereiten, wie Sie den Button einfügen, wo Sie ihn für die meisten Buchungen platzieren und wie Sie prüfen, dass er funktioniert.
Was Sie vorab brauchen
Bevor Sie Code anfassen, legen Sie drei Dinge bereit:
- Eine Website, die Sie bearbeiten können. WordPress, Squarespace, Wix, Webflow oder eine einfache HTML-Seite funktionieren alle. Sie müssen nur einen Code-Block einfügen können.
- Ein PMS oder einen Channel Manager, der Ihre echte Verfügbarkeit und Ihre Preise enthält. Der Button verbindet sich damit, damit er nie Daten verkauft, die Sie gar nicht frei haben.
- Ein Buchungstool, das einen einbettbaren Button liefert. Mit The Booking Widget ist die Einrichtung kostenlos; Sie zahlen nur eine kleine Provision, wenn ein Gast tatsächlich bezahlt.
Das war’s. Kein neues Verwaltungssystem, kein Neubau.
Schritt für Schritt: einen Buchungs-Button hinzufügen
Schritt 1: PMS oder Kalender verbinden
Verbinden Sie zuerst Ihr Buchungstool mit dem System, das Ihre Verfügbarkeit bereits enthält. The Booking Widget verbindet sich mit Ihrem PMS oder Channel Manager und synchronisiert Daten und Preise automatisch, sodass der Button immer das zeigt, was wirklich buchbar ist. Dieser Schritt schützt Sie vor Doppelbuchungen.
Schritt 2: Den Einbettungscode oder Button holen
Kopieren Sie als Nächstes Ihren Einbettungs-Schnipsel aus dem Dashboard Ihres Tools. Das ist meist ein kurzer Block, den Sie einmal einfügen. Eine allgemeine Version sieht so aus:
<!-- Hier einfügen, wo der Buchungs-Button erscheinen soll -->
<div id="booking-widget" data-property="IHRE-OBJEKT-ID"></div>
<script src="https://app.thebookingwidget.com/embed.js" async></script>Das <div> setzen Sie dorthin, wo der Button erscheinen soll, das <script> einmal pro Seite. Das Skript stellt den Button dar und öffnet den Buchungsablauf, sobald ein Gast klickt.
Schritt 3: Dort platzieren, wo Gäste entscheiden
Setzen Sie den Button dann dorthin, wo die Buchungsentscheidung wirklich fällt. Verstecken Sie ihn nicht auf einer Kontaktseite. Die conversionstärksten Stellen sind:
- Der Hero-Bereich ganz oben auf der Startseite
- Jede Objekt- oder Zimmerseite, nahe an Fotos und Preis
- Eine Sticky-Leiste, die beim Scrollen sichtbar bleibt
Mehr zur Platzierung weiter unten.
Schritt 4: Mobil zuerst denken
Der Großteil des Vermietungs-Traffics läuft über Smartphones – prüfen Sie den Button also zuerst mobil. Die Tap-Fläche sollte groß, der Text gut lesbar sein, und der Buchungsablauf sollte sich im Vollbild öffnen, ohne Zoomen. Ein modernes Widget wie The Booking Widget ist standardmäßig responsiv, aber testen Sie immer auf einem echten Handy.
Schritt 5: Erfassung abgebrochener Buchungen und Erinnerungen aktivieren
Schalten Sie nun die Lost-Basket-Erfassung ein. The Booking Widget erfasst die Absicht eines Gastes in dem Moment, in dem er die Buchung beginnt – nicht erst beim Bezahlen. In Kombination mit automatischen Erinnerungs-E-Mails holen Sie Gäste zurück, die Daten ausgewählt, aber nicht abgeschlossen haben. Diese eine Einstellung gewinnt Buchungen zurück, die die meisten Websites nicht einmal sehen.
Schritt 6: Eine echte Buchung testen
Führen Sie zum Schluss selbst eine Testbuchung von Anfang bis Ende durch (siehe unten). Verlassen Sie sich nicht darauf, dass alles läuft, nur weil der Button erscheint.
Wo sollte der Button stehen?
Setzen Sie den Button dorthin, wo der Gast bereit ist zu handeln – nicht dorthin, wo es für Sie bequem ist. Nutzen Sie diese Kurzübersicht:
| Position | Warum sie funktioniert |
|---|---|
| Hero / oben auf der Startseite | Fängt buchbereite Gäste sofort ab |
| Objekt- oder Zimmerseite | Sitzt am Punkt der Entscheidung, direkt am Preis |
| Sticky-Leiste (mobil + Desktop) | Immer nur einen Tipp entfernt, ohne Scrollen |
| Ende einer langen Beschreibung | Fängt Gäste ab, die erst alles lesen |
Die Faustregel: Ein Gast sollte nie suchen müssen, wie er bucht. Wenn er nach oben scrollen oder eine andere Seite öffnen muss, verlieren Sie einen Teil davon.
So prüfen Sie, dass es funktioniert
Testen Sie wie ein Gast, nicht wie der Eigentümer. Gehen Sie den ganzen Ablauf durch:
- Öffnen Sie Ihre Website auf einem Smartphone, nicht nur am Desktop.
- Wählen Sie echte Daten und prüfen Sie, ob Preis und Verfügbarkeit mit Ihrem PMS übereinstimmen.
- Schließen Sie eine Buchung ab (nutzen Sie einen Testmodus oder einen kleinen erstattbaren Betrag, falls möglich).
- Prüfen Sie, ob die Buchung im PMS ankommt und die Daten korrekt blockiert werden.
- Beginnen Sie eine Buchung und brechen Sie sie absichtlich ab, und bestätigen Sie, dass Sie den Lost Basket sehen und eine Erinnerung ausgelöst wird.
Bestehen alle fünf Punkte, ist Ihr Button live und einsatzbereit.
Das Wichtigste in Kürze
- Ein Direktbuchungs-Button ist ein kleiner Code, der Ihre Website mit der Live-Verfügbarkeit verbindet.
- Verbinden Sie zuerst Ihr PMS, damit der Button nie überbucht.
- Platzieren Sie ihn dort, wo Gäste entscheiden: Hero, Objektseiten und Sticky-Leiste.
- Denken Sie mobil zuerst, denn die meisten Gäste buchen am Handy.
- Aktivieren Sie Lost-Basket-Erfassung und Erinnerungen, um knapp verpasste Buchungen zurückzuholen.
- Testen Sie immer eine echte Buchung von Anfang bis Ende, bevor Sie sich darauf verlassen.
Fügen Sie den Button einmal ein, platzieren Sie ihn dort, wo die Entscheidung fällt, und Ihre Website übernimmt die Arbeit, die früher die Plattformen gegen einen Anteil an jedem Aufenthalt erledigt haben.