Buttons auf deiner Website einbinden (Widget)
Wenn du bereits eine eigene Website hast, musst du Kunden nicht erst per Link zu deiner Buchungsseite schicken. Mit dem Widget bettest du fertige Buttons direkt in deine Seite ein: „Termin buchen“, „Nachricht senden“ und „Profil ansehen“. Ein Klick bringt den Kunden auf die passende Ansicht deines Revobook-Profils.
Du brauchst dafür keine Programmierkenntnisse und keine eigene Integration. Du kopierst einen kurzen Code-Schnipsel und fügst ihn an der Stelle deiner Website ein, an der die Buttons erscheinen sollen.
Voraussetzung: deine Profil-URL
Bevor du das Widget nutzen kannst, muss unter Einstellungen → Profil deine Profil-URL festgelegt sein, denn ohne öffentliche Adresse ist dein Profil nicht buchbar. Der Einbettungscode selbst nutzt eine feste Kennung deines Betriebs, nicht den Namen der Profil-URL. Du kannst deine Profil-URL also später ändern, ohne den Code auf deiner Website austauschen zu müssen: Die Buttons finden dein Profil weiterhin.
Aussehen anpassen
Im Tab „Widget“ unter Einstellungen → Profil stellst du jeden der drei Buttons einzeln ein. Neben der Live-Vorschau passt du je Button an:
- Beschriftung: der Text auf dem Button, z.B. „Jetzt Termin sichern“ statt „Termin buchen“.
- Hintergrundfarbe, Textfarbe und Hover-Farbe.
- Eckenradius: von eckig bis stark abgerundet.
Über den Hell/Dunkel-Umschalter im Editor legst du getrennte Farben für helle und dunkle Ansicht fest. Das eingebettete Widget folgt automatisch dem Farbschema des Browsers deines Kunden: Wer im Dunkelmodus surft, sieht deine Dunkel-Variante.
Code einbinden
Das Einbetten passiert in zwei Schritten, die du im unteren Bereich des Widget-Tabs findest.
- 1Platzhalter setzen: Kopiere für jeden gewünschten Button den kurzen Platzhalter-Code und füge ihn im Quelltext deiner Website genau dort ein, wo der Button erscheinen soll. Du kannst mehrere Platzhalter an beliebigen Stellen setzen.
- 2Script einbinden: Füge das Script einmalig pro Seite ein, am besten kurz vor dem schließenden Body-Tag. Es befüllt automatisch alle Platzhalter der Seite, egal wie viele.
Das Script gehört nur ein einziges Mal auf eine Seite, auch wenn du mehrere Buttons einbindest. Ein zweites Mal schadet zwar nicht, ist aber überflüssig: Ein Script findet und füllt alle Platzhalter.
Welche Buttons erscheinen
- „Profil ansehen“ ist immer verfügbar.
- „Termin buchen“ erscheint nur, wenn Online-Buchungen unter Einstellungen → Profil aktiviert sind.
- „Nachricht senden“ erscheint nur, wenn du Nachrichten von Kunden aktiviert hast.
Deaktivierte Kanäle werden gar nicht erst ausgeliefert. Schaltest du also z.B. Online-Buchungen ab, verschwindet der Buchen-Button auch aus dem eingebetteten Widget.
Änderungen an Farben, Texten oder aktivierten Buttons können auf deiner Website aus technischen Gründen bis zu wenigen Minuten verzögert erscheinen, weil das Widget kurz zwischengespeichert wird. Ein erneutes Laden nach kurzer Wartezeit zeigt den aktuellen Stand.
Nichts Passendes gefunden?
Unser Support hilft dir gerne weiter: support@revobook.io