Den Buchungsbutton auf Ihrer Website einbauen (Script und Button-Code)

Dafür brauchen Sie keinen Programmierer. Sie kopieren zwei kurze Code-Stücke aus Rentalbuddy und fügen sie in Ihre Website ein: Das eine lädt Rentalbuddy, das andere markiert, wo der Button erscheint. Diese Anleitung zeigt, wohin jedes Stück gehört, warum die gespeicherte Seitenadresse so wichtig ist und was Sie prüfen sollten, wenn der Button nicht erscheint.

Wenn Sie gar nicht mit Code arbeiten möchten, können Sie Ihre Kunden stattdessen per Link oder QR-Code auf eine von Rentalbuddy gehostete Buchungsseite schicken – siehe die Anleitung zu direkten Buchungslinks und QR-Codes.

Die beiden Teile – und warum Sie beide brauchen

Teil	Was er tut	Wohin er gehört
Buchungs-Engine-Code kopieren (das Script)	Lädt Rentalbuddy auf Ihrer Website	Einmal, in den seitenübergreifenden Code-Bereich Ihrer Website (Footer / „vor </body>“)
Button-Code kopieren (der Button)	Markiert die Stelle, an der der Button erscheint	Auf der Seite, in einem HTML-, Embed- oder Code-Block

Keiner der beiden funktioniert allein. Der Button-Code ohne Script hinterlässt eine leere Stelle; das Script ohne Button-Code zeigt nichts an. Nur den Button-Code zu kopieren, ist der häufigste Fehler. Die einzige Ausnahme: Die Links in Ihren Buchungs-E-Mails (Schloss öffnen, zurückgeben, verlängern, verschieben) brauchen das Script nur auf der Seite, die sie öffnen – doch genau diese Seite speichern Sie als Ihre Website-Adresse, also binden Sie das Script seitenübergreifend ein.

Bevor Sie beginnen

• Der Buchungsbutton wird pro Standort eingerichtet. Wiederholen Sie die Schritte für jeden Standort, der über Ihre Website buchbar sein soll.
• Manche Website-Baukästen können überhaupt keine externen Scripts ausführen (Google Sites ist einer, mit dem Vermieter bereits Probleme hatten). Nutzen Sie dann stattdessen Buchungslink oder die Rentalbuddy-Website.
• Stellen Sie sicher, dass der Standort tatsächlich buchbar ist – Produkte, Schlösser und offene Tage. Der Button kann perfekt eingebaut sein und trotzdem nichts zu verkaufen haben.

Schritt 1 und 2: „Meine eigene Website“ und „Auf Ihrer Website eingebettet“ wählen

1. Öffnen Sie im linken Menü Standorte und klicken Sie auf den Standort.
2. Öffnen Sie den Tab Buchen-Button. Die Karte trägt die Überschrift In 2 Minuten live – „Wählen Sie, wie Sie Buchungen präsentieren möchten.“
3. Wählen Sie unter Wo buchen Kunden? die Option Meine eigene Website („Nutzen Sie Ihre bestehende Website und leiten Sie Kunden von dort zur Buchung.“). Die andere Option, Rentalbuddy-Website (markiert mit Empfohlen), ist eine gehostete Seite, für die Sie keine eigene Website brauchen.
4. Wählen Sie unter Wie buchen Kunden über Ihre Website? die Option Auf Ihrer Website eingebettet (markiert mit Fortgeschritten – „Fügen Sie einen Buchungsbutton auf Ihrer Website hinzu. Kunden buchen, ohne Ihre Website zu verlassen.“). Buchungslink (markiert mit Einfach) liefert Ihnen stattdessen einen Link zu Ihrer Rentalbuddy-Seite für ein Menü oder einen Button; kein Code nötig.

Ist der Button live? Der Status ganz oben

Sobald Sie Auf Ihrer Website eingebettet wählen, zeigt der obere Bereich der Schritte, ob Ihr Buchungsbutton auf einer Website gesehen wurde. Rentalbuddy weiß das, weil der Button die Seite meldet, auf der er lädt.

• „Der Buchungsbutton ist live auf yoursite.com/booking“, dazu, wie lange es her ist, dass er zuletzt gesehen wurde. Eine Zeile pro Website, auf der der Button gesehen wurde.
• „Der Buchungsbutton wurde noch auf keiner Website gesehen. Sobald er eingebaut ist, öffnen Sie die Seite einmal, dann erscheint er hier.“
• Erneut prüfen aktualisiert den Status. Eine bereits gesehene Website wird etwa einmal pro Stunde aktualisiert, „zuletzt gesehen“ kann also etwas hinterherhinken. Tests auf Ihrem eigenen Computer (localhost) werden nicht gezählt.

Darunter: „Um eine Seite zu prüfen, hängen Sie ?rbCheck=1 an die Adresse an: Ein kleines Fenster zeigt, was stimmt und was fehlt.“ Prüfung auf Ihrer Website öffnen macht das für die gespeicherte Seitenadresse. Siehe Die Button-Prüfung ausführen weiter unten.

Betreut jemand anderes Ihre Website? Link zum Senden erstellen

Klicken Sie unter „Betreut jemand anderes Ihre Website?“ auf Link zum Senden erstellen. Rentalbuddy erstellt einen Link und kopiert ihn (Link kopiert): „Senden Sie dieser Person diesen Link. Er enthält die Installationsschritte für diesen Standort und zeigt, wann der Button live ist. Keine Anmeldung nötig.“ Die Seite, die er öffnet, trägt die Überschrift „Buchungsbutton auf Ihre Website setzen“ und enthält den Code zum Kopieren und denselben Live-Status. Schicken Sie ihn Ihrem Webdesigner oder Ihrer Agentur, statt Screenshots weiterzuleiten. Um den Link zu erstellen, brauchen Sie die Berechtigung, Standorte zu ändern.

Schritt 3: Rentalbuddy mitteilen, welchen Website-Baukasten Sie nutzen

Wählen Sie unter Welchen Website-Baukasten nutzen Sie? Ihren aus: WordPress — Block-Editor (+ zum Hinzufügen von Blöcken), WordPress — Drag-and-drop (z. B. Elementor oder ähnlich), WordPress — Ich bin mir nicht sicher, Wix, Squarespace, GoDaddy Website Builder, Webflow, Jimdo, IONOS (MyWebsite) oder Sonstiges / Ich bin mir nicht sicher.

Der Code ist für jeden Baukasten derselbe – die Auswahl ändert nur die Anleitung neben den nächsten Schritten, damit sie zu den Menüs Ihres Baukastens passt. Die nächsten Schritte erscheinen erst, nachdem Sie einen gewählt haben. Ihre Auswahl wird in diesem Browser gespeichert.

Schritt 4: die Buchungs-Engine auf Ihrer Website einbinden (einmalig)

Klicken Sie unter Buchungs-Engine auf Ihrer Website hinzufügen – „Lädt Rentalbuddy auf Ihrer Website. Fügen Sie dies einmal pro Webadresse ein.“ – auf Buchungs-Engine-Code kopieren. Sie erhalten eine Zeile wie diese:

<script defer src="https://plugin.rentalbuddy.io/static/js/main.js"></script>

Verwenden Sie immer den Kopier-Button, statt den Code abzutippen. Fügen Sie ihn in den seitenübergreifenden Code-Bereich Ihrer Website ein, am Ende der Seite (oft „benutzerdefinierter Code“, „Header-/Footer-Code“, „Tracking-Scripts“ oder „vor </body>“ genannt). Speichern und veröffentlichen Sie anschließend Ihre Website.

Wo Sie das in gängigen Baukästen finden (die Anleitung im Tab hat die Details; Menüs ändern sich, betrachten Sie dies also als Ausgangspunkt):

• WordPress – kein eingebautes Feld. Installieren Sie ein kleines kostenloses Plugin wie „Insert Headers and Footers“ oder „WPCode“, fügen Sie den Code in dessen Footer-Feld / „vor </body>“ ein und leeren Sie danach ein eventuelles Cache-Plugin. Bei Elementor oder ähnlichen Buildern: nicht nur auf einer einzelnen Seite einfügen.
• Wix – Site & app settings → Custom code (manchmal unter Tracking & Analytics), Platzierung „Body – end“, auf All pages anwenden, dann Publish.
• Squarespace – Settings → Advanced → Code injection → Footer. Nicht jeder Squarespace-Tarif enthält Code injection.
• Webflow – Site settings → Custom code → Footer code, dann veröffentlichen.
• GoDaddy, Jimdo, IONOS – suchen Sie in den Website-Einstellungen nach Header-/Footer-HTML, benutzerdefiniertem Code oder Tracking; manche Tarife erlauben keinen benutzerdefinierten Code.

Fügen Sie das Script nur einmal pro Website ein. Eine Website mit vielen Seiten: einmal, seitenübergreifend. Mehrere getrennte Websites: auf jeder einmal. Mehrere Kopien haben in der Vergangenheit Kunden nach dem Bezahlen zurück auf die Startseite geschickt – suchen Sie im Zweifel in den seitenübergreifenden Code-Feldern nach rentalbuddy und behalten Sie nur eine Kopie.

Schritt 5: den Button platzieren und die Seitenadresse speichern

Unter Button dort platzieren, wo er erscheinen soll – „Fügen Sie den Button auf der Seite ein, auf der gebucht werden soll, und kopieren Sie dann den Ausschnitt unten.“

Die Seitenadresse: „URL, unter der die Buchschaltfläche implementiert ist“

Geben Sie die vollständige Adresse der Seite ein, auf der der Button sitzen soll, zum Beispiel https://yoursite.com/booking.

• Sie ist für die eingebettete Buchung Pflicht – „Erforderlich für eingebettete Buchung.“
• Sie muss mit https:// oder http:// beginnen – sonst „Die URL muss mit https:// oder http:// beginnen.“
• Sie darf kein ? enthalten – „Ihre Seitenadresse darf kein ? enthalten (oft passiert das, wenn Sie einen Vorschau- oder Testlink eingefügt haben).“ Löschen Sie alles ab dem ?.
• Hat der Standort auch eine Rentalbuddy-Seite, trägt Rentalbuddy-URL verwenden stattdessen deren Adresse ein.

Warum diese Adresse so wichtig ist: Jeder Link, den Rentalbuddy in Buchungs-E-Mails verschickt – Schloss öffnen / PIN-Code ansehen, zurückgeben, verlängern, Startzeit verschieben – öffnet diese Seite mit dem Buchungsfenster darüber. Fehlt auf der Seite das Script (und Ihr Button), landen Kunden dort und kommen nie zu ihrem PIN-Code oder zum Rückgabeschritt. Links in bereits verschickten E-Mails folgen der Adresse, die Sie jetzt gespeichert haben – eine Korrektur repariert also auch alte E-Mails. Rentalbuddy entfernt beim Erstellen dieser Links einen abschließenden / aus der Adresse; öffnet sich Ihre Seite nur mit dem Schrägstrich (der E-Mail-Link liefert „Not found“ oder „Forbidden“), bitten Sie Ihren Webhoster, sie auch ohne Schrägstrich erreichbar zu machen. Mehr dazu in der Anleitung zu Buchungslinks, die auf die falsche Seite führen.

Die Adresse zählt auch für Apple Pay: Rentalbuddy registriert sie automatisch als Zahlungsdomain in Ihrem Stripe-Konto (eine reine Domain erhält auch ihre www.-Version), wenn Sie Stripe verbinden, wenn Sie eine neue Adresse speichern, und jede Nacht. Domains werden nur hinzugefügt; eine, die Sie in Stripe abgeschaltet haben, bleibt abgeschaltet.

Der Button-Code

Klicken Sie in der Zeile Standardbuchung auf Button-Code kopieren. Sie erhalten eine Zeile wie diese:

<div id="rentalbuddy-checkout" data-site="your-location-id"></div>

Fügen Sie ihn auf der Seite selbst ein, genau an der Stelle, an der der Button erscheinen soll, in einem HTML-, Embed-, Code- oder Custom-HTML-Block – nicht in einem Textblock (dann erscheint der Code als Text auf der Seite) und nicht in den seitenübergreifenden Einstellungen. Speichern und veröffentlichen Sie die Seite.

Standardbuchung – „Funktioniert für Produkte und Events. Bietet Ihr Standort beides, wählen Gäste, was gebucht wird; gibt es nur eine Art, gelangen sie direkt in diesen Ablauf.“ Das ist für fast alle die richtige Wahl.

Jede Zeile hat außerdem Vorschau (öffnet Ihre Website mit dem Buchungsfenster, damit Sie die Einbindung prüfen können – dafür ist eine gültige, gespeicherte Adresse nötig) sowie QR-Werkzeuge (QR-Code, Buchungslink kopieren, QR herunterladen), die in der Anleitung zu direkten Buchungslinks und QR-Codes beschrieben sind.

Ein eigener Mitgliedschaftsbutton (Mitgliedschaftskauf)

Verkauft der Standort eine Mitgliedschaft, erscheint unter Standardbuchung die Zeile Mitgliedschaftskauf (markiert mit Optional): „Der Standardbutton verkauft ebenfalls Mitgliedschaften. Nutzen Sie diesen, wenn Sie einen eigenen Mitgliedschaftsbutton oder -link auf Ihrer Website möchten.“ Dieser Button öffnet direkt Ihre Mitgliedschaften. Kann an diesem Standort keine Mitgliedschaft gekauft werden, steht die Zeile unter Optionen für nur eine Buchungsart, markiert mit Nicht verfügbar und mit dem Grund – zum Beispiel „Mitgliedschaften sind für dieses Konto nicht aktiviert.“ oder „An diesem Standort wird noch keine Mitgliedschaft verkauft. Fügen Sie ein Mitgliedschaftsprodukt hinzu, um diese Option zu nutzen.“ Wie Sie Mitgliedschaften einrichten, steht in der Anleitung zu Mitgliedschaften.

Optionen für nur eine Buchungsart

Der eingeklappte Bereich Optionen für nur eine Buchungsart enthält Produktbuchung und Eventbuchung. Nutzen Sie diese nur, wenn Ihr Standort sowohl Produkte als auch Events anbietet und Sie einen Button möchten, der die Auswahl überspringt und direkt eines davon öffnet.

Wenn der Standort diese Buchungsart nicht mehr verkauft

Steht ein Button (oder Link) für Mitgliedschaftskauf, Produktbuchung oder Eventbuchung noch auf Ihrer Website, nachdem der Standort diese Art nicht mehr verkauft, landen Kunden nicht in einer leeren Liste. Das Buchungsfenster öffnet sich wie bei Standardbuchung: mit der Auswahl zwischen dem, was der Standort verkauft, oder direkt in der einzigen Option. Sie können den alten Button stehen lassen; ersetzen Sie ihn aber durch den Code für Standardbuchung, vermeiden Sie einen Button-Text, der nicht mehr passt.

Schritt 6: prüfen, ob alles funktioniert

1. Klicken Sie oben auf der Standortseite auf Speichern.
2. Öffnen Sie Ihre Live-Seite in einem privaten/Inkognito-Fenster, am Computer und am Handy, damit Sie ohne Cache sehen, was Ihre Kunden sehen.
3. Klicken Sie zurück im Tab Buchen-Button auf Erneut prüfen. Der Status sollte jetzt „Der Buchungsbutton ist live auf …“ mit Ihrer Website anzeigen.
4. Wenn nicht, führen Sie auf dieser Seite die Button-Prüfung (unten) aus.
5. Klicken Sie in der eingebauten Zeile auf Vorschau. Erscheint „Wichtig! Die Vorschau verwendet die oben eingetragene Adresse. Speichern Sie den Standort, um die Website-URL zu übernehmen.“, speichern Sie zuerst.
6. Buchen Sie einmal selbst über Testbuchung machen in der oberen Leiste des Standorts, neben Speichern (die Schaltfläche bleibt ausgegraut, solange der Standort noch keine Buchungen annehmen kann oder der Tab ungespeicherte Änderungen hat): Wählen Sie Kostenloser Test oder Test mit echter Zahlung, klicken Sie auf Testlink erstellen und dann auf Buchungsseite öffnen. Öffnen Sie auch den Zugangslink in der Bestätigungs-E-Mail des Tests – er sollte Ihre Seite mit dem Buchungsfenster öffnen. Der Test wird 30 Minuten nach dem Anlegen automatisch storniert und fließt nicht in Ihre Zahlen ein. Die Einrichtungsanleitung beschreibt die Testbuchung im Detail.

Die Button-Prüfung ausführen (?rbCheck=1)

Öffnen Sie Ihre Buchungsseite mit ?rbCheck=1 am Ende der Adresse, zum Beispiel https://yoursite.com/booking?rbCheck=1, oder klicken Sie im Tab Buchen-Button auf Prüfung auf Ihrer Website öffnen. Ein kleines Fenster, Rentalbuddy button check, erscheint auf Ihrer Seite und hakt jeden Teil ab (das Fenster ist auf Englisch):

Zeile	Was sie prüft
Script loaded	der Code der Buchungs-Engine läuft auf dieser Seite
Button element found	die Seite enthält den Button-Code (sonst steht dort „No booking button element on this page.“)
Location set	der Button-Code nennt einen Standort (data-site)
Location found	der Standort existiert und kann Buchungen annehmen; „This location id does not exist — copy the code again from Rentalbuddy.“ heißt, dass der Code falsch ist
Script included once	der Code der Buchungs-Engine steht nur einmal auf der Seite; „The booking script is included 2 times — keep one.“
Reported to Rentalbuddy	die Seite konnte Rentalbuddy erreichen, sodass der Tab Buchen-Button sie als live anzeigen kann

Beheben Sie alles, was als fehlerhaft markiert ist, veröffentlichen Sie und führen Sie die Prüfung erneut aus. Erscheint überhaupt kein Fenster, lädt der Code der Buchungs-Engine auf dieser Seite nicht: Er fehlt, ist nicht veröffentlicht oder wird von einem Cookie-Banner zurückgehalten.

Button-Styling und Button-Text (der Button auf Ihrer Website)

Unter den Schritten finden Sie Button-Styling und Button-Text. Sie wirken sich nur auf den Button auf Ihrer Website aus – „Diese Einstellungen bestimmen das Aussehen des Buchen-Buttons, der auf Ihrer eigenen Website eingebettet wird – nicht den Buchungsablauf, der sich beim Klick öffnet.“ Die Farben im Buchungsfenster legt die Booking-Designfarbe im Tab Buchungserlebnis des Standorts fest.

Beide funktionieren gleich:

• Standardmäßig verwendet der Standort den Stil und Text Ihres Kontos. Ändern Sie diese für alle Standorte über Stil für Konto bearbeiten / Text für Konto bearbeiten.
• Schalten Sie Für diesen Standort anpassen ein, um diesem Standort einen eigenen Stil oder Text zu geben.

Button-Styling bietet Schriftart, Buttonfarbe, Form (Eckig, Mittel, Abgerundet), eine Vorschau, Auf Standardstil zurücksetzen und unter Erweiterte Einstellungen Textfarbe, Rahmen, Innenabstand (Padding), Schriftgröße, Breite und Hover-Farben.

Button-Text bietet Standardtext und unter Erweiterte Einstellungen Text für Veranstaltung und Text für Produkt für die Buttons mit nur einer Buchungsart. Text für Mitgliedschaft steht neben Standardtext, solange an diesem Standort eine Mitgliedschaft verkauft wird. Andernfalls wandert das Feld unter Erweiterte Einstellungen, mit einem Hinweis, warum der Mitgliedschaftsbutton dort nicht genutzt werden kann; Sie können es trotzdem ändern oder leeren. In Text für Konto bearbeiten steht es immer neben Standardtext. „Leere Felder verwenden die Standardbeschriftung (BOOK).“ – ein Button, dem Sie nie einen Text gegeben haben, zeigt also BOOK in Großbuchstaben. Ein leeres Feld Text für Mitgliedschaft, Text für Veranstaltung oder Text für Produkt verwendet zuerst Ihren Standardtext und erst dann BOOK, wenn auch dieser leer ist.

Gut zu wissen:

• Der Button-Text ist ein Text für alle Sprachen. Hat Ihre Website Seiten in mehreren Sprachen, können Sie einem einzelnen Button einen eigenen Text geben, indem Sie data-buttontext="Jetzt buchen" in seinen Button-Code einfügen, zum Beispiel <div id="rentalbuddy-checkout" data-site="your-location-id" data-buttontext="Jetzt buchen"></div>.
• Das eigene Stylesheet Ihrer Website kann den Button trotzdem verändern: Farben und Schrift werden am Button selbst gesetzt, aber mit !important markierte Regeln und alles, was der Button nicht selbst festlegt (etwa Text in Großbuchstaben), setzen sich durch. Erscheint der Text in Großbuchstaben, obwohl Sie ihn normal geschrieben haben, liegt das am Theme Ihrer Website.
• Änderungen an Stil und Text brauchen keinen neuen Code – sie erscheinen beim nächsten Laden der Seite.

Mehrere Standorte auf einer Website

Jeder Standort hat seinen eigenen Button-Code (der Wert data-site unterscheidet sich), seine eigene Seitenadresse und seinen eigenen Button-Text. Es gibt keinen einzelnen Button mit Standortauswahl oder Karte – jeder Button öffnet seinen eigenen Standort.

• Getrennte Seiten – setzen Sie den Button-Code jedes Standorts auf eine eigene Seite und speichern Sie die Adresse dieser Seite beim jeweiligen Standort.
• Eine Seite mit mehreren Buttons – fügen Sie den Button-Code jedes Standorts auf derselben Seite ein (das Script weiterhin nur einmal). Sie können bei allen Standorten dieselbe Seitenadresse speichern: E-Mail-Links tragen die Buchung in sich und öffnen daher die richtige Buchung. Geben Sie jedem Button mit Für diesen Standort anpassen einen eigenen Text, damit Kunden sie unterscheiden können.
• Brauchen Sie für denselben Standort eine zweite Seite (andere Sprache, Kampagnenseite), fügen Sie dort denselben Button-Code ein. Die gespeicherte Seitenadresse bleibt die, die die E-Mail-Links öffnen.

Cookie-Banner: wenn das Script blockiert wird

Ein Cookie-Consent-Tool kann das Script zurückhalten, bis der Besucher Cookies akzeptiert – der Button erscheint dann spät oder gar nicht. Der Tab warnt: „Wenn der Buchungsbutton nicht erscheint und Sie ein Cookie-Banner verwenden, blockiert Ihre Website das Script möglicherweise, bis Besucher Cookies akzeptieren.“

Unter Erweitert (nur bei Bedarf) in Schritt 4 → Cookie-Einwilligungstools gibt es fertige Versionen des Scripts:

• Für Cookiebot kopieren
• Für OneTrust kopieren
• Für Termly kopieren – und, nur für Termly: „Wenn der Button erscheint, das Buchungsfenster aber leer bleibt, fügen Sie zusätzlich diesen Code in den <head> Ihrer Website ein, oberhalb des Termly-Scripts.“ → Termly-Head-Code kopieren.

Ersetzen Sie das in Schritt 4 eingefügte Script durch die passende Version (fügen Sie keine zweite Kopie hinzu). Für jedes andere Cookie-Tool: „Markieren Sie in den Einstellungen Ihres Cookie-Banners dieses Buchungs-Script (oder plugin.rentalbuddy.io) als unbedingt erforderlich oder notwendig. Sie müssen einzelne Cookies nicht neu kategorisieren. Das Buchungsfenster setzt keine Analyse-Cookies, es sei denn, der Besucher hat Analyse in demselben Banner akzeptiert.“

Google Analytics (GA4) und Einwilligung

Haben Sie eine GA4 Mess-ID eingetragen (Einstellungen → Konto → Analytik), wird Buchungsaktivität nur für Besucher, die im Banner Ihrer Website Analyse-Cookies akzeptiert haben, an Ihr Google Analytics gesendet: „Ohne Cookie-Banner wird nichts gesendet.“ Das Banner muss Cookiebot, OneTrust, Termly oder ein Tool mit Google Consent Mode sein; Besucher, die ablehnen, noch nicht geantwortet haben oder deren Browser ein Global-Privacy-Control-Signal sendet, werden nicht gemessen. „Buchungen auf Ihrer Rentalbuddy-Website werden vorerst nicht gemessen.“ Rechnen Sie mit niedrigeren Zahlen als in der eigenen Statistik Ihrer Website.

Meta (Facebook) Pixel und andere Tracking-Scripts

Ein Meta/Facebook Pixel oder ein anderes eigenes Tracking-Script können Sie derzeit nicht in das Buchungsfenster einbauen. Google Analytics (GA4, oben) ist die im Buchungsfenster eingebaute Analyse. Unterstützung für Meta Pixel ist geplant. Das eigene Pixel Ihrer Website sieht weiterhin die Besuche auf Ihren Seiten, aber nicht die Schritte im Buchungsfenster.

Schriftarten: der Buchungsbutton nutzt Google Fonts

Die Schriftarten in der Liste Schriftart unter Button-Styling sind Google-Schriftarten. Auf Ihrer eigenen Website lädt der Buchungsbutton die gewählte Schriftart beim Öffnen der Seite von Google Fonts (fonts.googleapis.com). Führt Ihre Datenschutzerklärung oder Cookie-Information die externen Dienste Ihrer Website auf, ergänzen Sie dort Google Fonts.

Optionen zum Laden des Scripts (async / ohne defer)

Erscheint der Button, verhält sich aber seltsam, bietet Erweitert (nur bei Bedarf) → Script-Laden die Optionen Mit async kopieren und Ohne defer kopieren. Ersetzen Sie Ihr aktuelles Script durch eine davon – fügen Sie sie nie neben dem alten ein.

Was die Warnmarkierungen bedeuten („es ist immer noch rot“)

• Der Tab Buchen-Button erhält eine Markierung (blau, solange Sie noch die Einrichtungs-Checkliste durchlaufen, danach gelb) mit „Wählen Sie, wie Kunden buchen, und schließen Sie die Einrichtung des Buchen-Buttons ab.“ oder „Die URL muss mit https:// oder http:// beginnen.“
• Die Spalte Buchen-Button-URL in der Standortliste zeigt ein grünes Häkchen oder eine rote Markierung.
• Die Bereitschaftsleiste des Standorts listet Buchungs-Button nicht eingerichtet.

Diese Markierungen prüfen nur die gespeicherte Seitenadresse. Bei Auf Ihrer Website eingebettet werden sie in Ordnung, sobald eine gültige Seitenadresse gespeichert ist. Bleibt die Markierung also nach dem Einbau des Buttons bestehen, ist das Feld für die Seitenadresse leer, ungültig oder nicht gespeichert. Füllen Sie es aus und klicken Sie auf Speichern. Umgekehrt beweist eine saubere Markierung nicht, dass der Button auf Ihrer Seite ist. Ob er es wirklich ist, zeigt Ihnen der Live-Status oben in den Schritten („Der Buchungsbutton ist live auf …“), und ?rbCheck=1 zeigt, was fehlt.

Fehlerbehebung: der Button erscheint nicht oder funktioniert nicht

Gehen Sie diese Liste von oben nach unten durch:

1. Führen Sie die Prüfung aus. Öffnen Sie Ihre Seite mit ?rbCheck=1 am Ende der Adresse und beheben Sie alles, was als fehlerhaft markiert ist. Gar kein Fenster bedeutet, dass das Script nicht lädt.
2. Sind beide Teile eingebaut? Script seitenübergreifend, Button-Code auf der Seite. Ein fehlendes Script ist die häufigste Ursache.
3. Haben Sie veröffentlicht und den Cache geleert? Die meisten Baukästen brauchen Veröffentlichen/Aktualisieren; Cache-Plugins müssen geleert werden.
4. Der Code erscheint als Text auf der Seite – er wurde in einen Textblock eingefügt. Verwenden Sie einen HTML-, Embed- oder Code-Block.
5. Funktioniert am Computer, aber nicht am Handy – das Script lädt mobil nicht: Prüfen Sie, dass es im seitenübergreifenden Bereich steht (nicht in einem Bereich oder Template nur für Desktop), leeren Sie die Caches und probieren Sie Ohne defer kopieren.
6. Ist das Script mehrfach vorhanden? Suchen Sie im seitenübergreifenden Code nach rentalbuddy und behalten Sie eine Kopie.
7. Funktioniert nach einem Website-Relaunch oder Theme-Update nicht mehr – Updates entfernen oft benutzerdefinierten Code. Fügen Sie Script und Button-Code erneut ein. Es lohnt sich, das jedes Frühjahr vor der Saison zu prüfen.
8. Ist der Standort auf eingebettete Buchung mit gültiger Adresse eingestellt? Tab Buchen-Button: Meine eigene Website → Auf Ihrer Website eingebettet, eine Seitenadresse mit https:// und ohne ?, gespeichert.
9. Eine Fehlermeldung nennt „Site with id … not found“ – der Button-Code gehört vermutlich zu einem anderen Standort oder Konto. Kopieren Sie ihn erneut aus dem Tab Buchen-Button dieses Standorts.
10. Blockiert ein Cookie-Banner das Script? Verwenden Sie die Version für Cookiebot, OneTrust oder Termly, oder markieren Sie das Script als unbedingt erforderlich.
11. Probieren Sie eine andere Ladeoption – Mit async kopieren oder Ohne defer kopieren.
12. Ist überhaupt etwas buchbar? Ohne offenen Zeitraum oder Produkte sehen Kunden „Diese Mietstation ist derzeit nicht buchbar.“ Siehe die Anleitung dazu, warum Kunden nichts buchen können.
13. Kommen Sie immer noch nicht weiter? Schicken Sie dem Support Ihre Seitenadresse, den Website-Baukasten, den Sie nutzen, und einen Screenshot des ?rbCheck=1-Fensters.

Häufige Fragen

Warum wird mein Buchungsbutton auf meiner Website nicht angezeigt? Meist fehlt das Script (Buchungs-Engine-Code kopieren) oder ist nicht veröffentlicht, oder ein Cookie-Banner blockiert es. Fügen Sie das Script einmal seitenübergreifend ein, veröffentlichen Sie und prüfen Sie in einem privaten Fenster.

Brauche ich einen Programmierer, um den Buchen-Button einzubauen? Nein. Sie kopieren zwei Zeilen aus dem Tab Buchen-Button und fügen sie in Ihren Website-Baukasten ein – der Tab zeigt die passenden Schritte für Ihren Baukasten. Wenn Sie gar keinen Code einfügen können, nutzen Sie stattdessen einen Buchungslink.

Der Tab Buchen-Button ist immer noch rot, obwohl der Button auf meiner Website ist. Die Markierung prüft nur die gespeicherte Seitenadresse. Geben Sie eine gültige URL, unter der die Buchschaltfläche implementiert ist ein (beginnend mit https://, ohne ?) und klicken Sie auf Speichern.

Woran erkenne ich, dass der Button wirklich auf meiner Website ist? Der Tab Buchen-Button zeigt „Der Buchungsbutton ist live auf …“, sobald der Button auf einer echten Seite geladen wurde. Öffnen Sie die Seite einmal und klicken Sie auf Erneut prüfen; für Details öffnen Sie die Seite mit ?rbCheck=1 am Ende der Adresse.

Unsere Webagentur baut den Button ein. Was schicke ich ihr? Klicken Sie im Tab Buchen-Button auf Link zum Senden erstellen und schicken Sie der Agentur den kopierten Link. Er enthält die Installationsschritte für diesen Standort und den Live-Status und braucht keine Anmeldung.

Muss ich meine Website in Stripe für Apple Pay registrieren? Nein. Rentalbuddy registriert die gespeicherte URL, unter der die Buchschaltfläche implementiert ist selbst in Ihrem Stripe-Konto, wenn Sie sie speichern, und jede Nacht. Eine Domain, die Sie in Stripe abgeschaltet haben, bleibt abgeschaltet.

Wo ist Testbuchung machen geblieben? In der oberen Leiste des Standorts, neben Speichern, auf jedem Tab des Standorts – nicht mehr im Tab Buchen-Button.

Kann ich unser Meta (Facebook) Pixel ins Buchungsfenster einbauen? Derzeit nicht. GA4 ist die im Buchungsfenster eingebaute Analyse; Unterstützung für Meta Pixel ist geplant.

Kunden bekommen „Seite nicht gefunden“ oder die falsche Seite, wenn sie den PIN-Link in der E-Mail öffnen. Die E-Mail-Links öffnen die gespeicherte Seitenadresse. Stellen Sie sicher, dass es die Seite mit Script und Button-Code ist; das Speichern der richtigen Adresse repariert auch Links in bereits verschickten E-Mails.

Wie ändere ich Text oder Farbe des Buttons? Über Button-Text und Button-Styling im Tab Buchen-Button – pro Standort mit Für diesen Standort anpassen oder für alle mit Text für Konto bearbeiten / Stil für Konto bearbeiten. Die Farbe des Buchungsfensters ist die Booking-Designfarbe unter Buchungserlebnis.

Warum steht auf meinem Button BOOK in Großbuchstaben? Das ist der Standardtext, wenn keiner festgelegt ist. Tragen Sie unter Button-Text → Standardtext Ihren eigenen ein; steht er dann immer noch in Großbuchstaben, wandelt das Theme Ihrer Website ihn um.

Kann ich einen Button haben, bei dem Kunden zwischen meinen Standorten wählen? Nein. Jeder Standort hat seinen eigenen Button; setzen Sie mehrere Buttons auf eine Seite, einen pro Standort, und geben Sie jedem einen eigenen Text.

Sendet der Buchungsbutton Daten an Google Analytics? Nur wenn Sie eine GA4 Mess-ID eingetragen haben und der Besucher in Ihrem Cookie-Banner Analyse-Cookies akzeptiert hat. Ohne Cookie-Banner wird nichts gesendet.

Lädt der Buchungsbutton Google Fonts? Was schreibe ich in die Datenschutzerklärung? Ja. Auf Ihrer Website lädt der Button die unter Button-Styling → Schriftart gewählte Schriftart von Google Fonts (fonts.googleapis.com). Nennen Sie Google Fonts also dort, wo Ihre Datenschutzerklärung externe Dienste aufführt.

Wir verkaufen keine Mitgliedschaften mehr – was macht unser alter Mitgliedschaftsbutton jetzt? Er öffnet den normalen Buchungsablauf wie der Button Standardbuchung statt einer leeren Liste. Dasselbe gilt für einen alten Button für Produktbuchung oder Eventbuchung.