Buchungs-Popup

Buchungs-Popup-Widget

Das Buchungs-Popup-Widget zeigt ein Buchungs-Popup in der Mitte Ihrer Website an, wenn Nutzer auf einen Button klicken. So können Ihre Kunden bequem und ohne Seitenwechsel einen Termin buchen.

Funktionsweise

Wenn Besucher auf den entsprechenden Button auf Ihrer Website klicken, erscheint ein Popup in der Mitte des Bildschirms mit Ihrer Barberly-Buchungsoberfläche. So bleiben die Nutzer auf Ihrer Seite, während sie einen Termin buchen.

Anwendungsfälle

• Auf der gesamten Website für ein einheitliches Buchungserlebnis
• In Blogbeiträgen, um Leser zu Kunden zu machen
• Auf Serviceseiten, um sofortige Buchungen zu fördern
• Auf Empfehlungsseiten, um Social Proof zu nutzen

Einrichtung Ihres Buchungs-Popups

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-Popup
4. Wählen Sie Neue Instanz erstellen
5. Geben Sie Ihrer neuen Popup-Instanz einen Namen (z.B. “Haupt-Popup-Buchung”)

Popup-Einstellungen konfigurieren

Im Konfigurationsbereich können Sie festlegen:

1. Button-Text: Passen Sie den Text des Buttons an, der das Popup auslöst
2. Buchungs-URL: Geben Sie die URL zu Ihrer Barberly-Buchungsseite ein, die im Popup angezeigt wird

Button- und Popup-Stil anpassen

Passen Sie die Stiloptionen für Button und Popup 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
• Padding: Passen Sie den Innenabstand des Buttons an

Popup-Stil:

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

Vorschau und Test

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