Das Widget „Online buchen“ fügt Ihrer Website eine Schaltfläche hinzu. Ein Klick darauf führt Besucher zu Ihrer Barberly-Buchungsseite, wo sie einen Termin buchen. Übliche Stellen dafür sind die Startseite, die Seite mit den Leistungen sowie die Kopf- oder Fußzeile der Website.
Neue Instanz erstellen#
- Melden Sie sich unter portal.barberly.com bei Ihrem Barberly-Konto an.
- Gehen Sie zu MenüAnwendungenAlle Widgets.
- Klicken Sie auf Schaltfläche „Online buchen“.
- Wählen Sie Neue Instanz erstellen.
- Geben Sie der Instanz einen Namen, zum Beispiel „Schaltfläche Startseite“.
Einstellungen#
- Text der Schaltfläche
- Der Text auf der Schaltfläche, zum Beispiel „Jetzt buchen“ oder „Termin vereinbaren“.
- URL buchen
- Die URL Ihrer Barberly-Buchungsseite.
Stile#
- Hintergrundfarbe
- Die Farbe der Schaltfläche.
- Textfarbe
- Die Farbe des Schaltflächentextes. Wählen Sie eine Farbe, die sich vom Hintergrund abhebt.
- Polsterung
- Der Innenabstand der Schaltfläche im Format oben/rechts/unten/links.
- Radius der Grenze
- Wie stark die Ecken abgerundet sind.
- Schriftart Gewicht
- Normal, fett und so weiter.
- Box Schatten
- Ein Schatten um die Schaltfläche.
Die Schaltfläche auf Ihrer Website einfügen#
Die Live-Vorschau zeigt, wie die Schaltfläche aussehen wird. Klicken Sie darauf, um zu prüfen, ob sich Ihre Buchungsseite öffnet.
- Kopieren Sie den Code aus dem Bereich Kopieren Sie diesen Code auf Ihre Website.
- Fügen Sie ihn in den HTML-Code Ihrer Website an der Stelle ein, an der die Schaltfläche erscheinen soll.
- Speichern und veröffentlichen Sie Ihre Website.
Beispielcode:
<div id="8854691ef448cad2ae94bb4cc5b9a-container"></div>
<script src="https://widgets.barberly.com/barberly-widgets.js" data-business-id="house13" data-widget-id="button_8854691ef448cad2ae94bb4cc5b9a" data-container-id="8854691ef448cad2ae94bb4cc5b9a-container"></script>Die Schritte für einzelne Plattformen finden Sie in den Anleitungen für WordPress, Wix und Squarespace.
Mehrere Instanzen#
Sie können weitere Instanzen der Schaltfläche erstellen, zum Beispiel mit einem eigenen Design für jeden Bereich Ihrer Website. Wiederholen Sie dazu die Schritte oben unter Schaltfläche „Online buchen“. Jede Instanz hat ihren eigenen Integrationscode.
Eine veröffentlichte Schaltfläche ändern#
Öffnen Sie die Instanz unter MenüAnwendungenAlle Widgets, nehmen Sie Ihre Änderungen vor und speichern Sie. Die Schaltfläche auf Ihrer Website wird automatisch aktualisiert, Sie müssen den Code auf Ihrer Website also nicht ändern.