Buchungs-Sidebar

Fügen Sie eine Buchungs-Sidebar hinzu, die am Rand Ihrer Website für schnellen Buchungszugriff erscheint.
Tags:

Buchungs-Sidebar-Widget

Das Buchungs-Sidebar-Widget zeigt eine Buchungs-Sidebar am Rand Ihrer Website für schnellen Zugriff auf die Terminbuchung. Dieses Widget eignet sich perfekt, um eine dauerhafte Buchungsoption bereitzustellen, ohne viel Platz auf Ihrer Seite einzunehmen.

Booking Sidebar Widget

Funktionsweise

Wenn Besucher auf den Button auf Ihrer Website klicken, schiebt sich eine Sidebar vom Rand des Bildschirms herein und zeigt Ihre Barberly-Buchungsoberfläche an. Die Sidebar kann einfach geschlossen werden, um zum Browsen zurückzukehren.

Anwendungsfälle

  • Auf allen Seiten Ihrer Website für konsistenten Buchungszugriff
  • Als dezente Alternative zu Popups
  • Ideal für lange Seiten, auf denen Nutzer möglicherweise an einem statischen Button vorbeiscrollen
  • Besonders praktisch für mobile Nutzer, die Slide-out-Menüs bevorzugen

Einrichtung Ihrer Buchungs-Sidebar

Neue Instanz erstellen

  1. Melden Sie sich in Ihrem Barberly-Konto unter portal.barberly.com an
  2. Navigieren Sie zu Menü → Apps → Alle Widgets
  3. Klicken Sie auf die Option Buchungs-Sidebar
  4. Wählen Sie Neue Instanz erstellen
  5. Geben Sie Ihrer Sidebar-Instanz einen Namen (z.B. “Haupt-Buchungs-Sidebar”)

Im Konfigurationsbereich können Sie festlegen:

  1. Button-Text: Passen Sie den Text des Buttons an, der die Sidebar auslöst
  2. Buchungs-URL: Geben Sie die URL zu Ihrer Barberly-Buchungsseite ein, die in der Sidebar angezeigt wird
  3. Sidebar-Position: Wählen Sie, von welcher Seite des Bildschirms die Sidebar erscheinen soll (rechts oder links)

Button- und Sidebar-Stil anpassen

Passen Sie die Stiloptionen für Button und Sidebar an:

Button-Stil:

  • Hintergrundfarbe: Wählen Sie eine Farbe, die zu Ihrem Farbschema passt
  • Textfarbe: Wählen Sie eine Farbe, die einen guten Kontrast bietet

Sidebar-Stil:

  • Border Radius: Legen Sie die Rundung der Sidebar-Ecken fest
  • Box Shadow: Fügen Sie einen Schatteneffekt hinzu, damit die Sidebar hervorsticht

Vorschau und Test

Nutzen Sie die Live-Vorschau, um zu sehen, wie Ihre Sidebar auf der Website aussieht. Testen Sie die Buchungsfunktion, um sicherzustellen, dass alles korrekt funktioniert.