Barberly-Buchung zu Squarespace hinzufügen

Barberly-Buchung zu Squarespace hinzufügen

Diese Anleitung hilft Ihnen, Barberly-Buchungs-Widgets mit Ihrer Squarespace-Website zu integrieren, sodass Kunden direkt auf Ihrer Seite Termine buchen können.

Voraussetzungen

Bevor Sie beginnen, stellen Sie sicher, dass Sie Folgendes haben:

• Eine Squarespace-Website mit Bearbeitungszugang
• Ein Barberly-Konto mit mindestens einem erstellten Buchungs-Widget

Barberly-Widget zu Squarespace hinzufügen

Am einfachsten fügen Sie Barberly-Buchungs-Widgets zu Squarespace hinzu, indem Sie den Code-Block verwenden:

1. Widget-Code erhalten:

   • Melden Sie sich in Ihrem Barberly-Konto unter portal.barberly.com an
   • Navigieren Sie zu Menü → Apps → Alle Widgets
   • Wählen Sie das gewünschte Widget aus
   • Kopieren Sie den Integrationscode

2. Zu Squarespace-Seite hinzufügen:

   • Melden Sie sich in Ihrem Squarespace-Konto an und öffnen Sie den Seiteneditor
   • Klicken Sie auf das “+"-Symbol an der gewünschten Stelle
   • Suchen Sie nach “Code” in der Blockliste
   • Klicken Sie auf die Option “</> Code”
   • Fügen Sie Ihren Barberly-Widget-Code in den Code-Editor ein
   • Klicken Sie auf “Übernehmen”, um zu speichern
   • Speichern und veröffentlichen Sie Ihre Seite

Best Practices für die Squarespace-Integration

1. Strategische Widget-Platzierung:

   • Online-Buchen-Button: Fügen Sie ihn in Ihren Header, Navigationsbereich oder prominent auf Ihrer Startseite hinzu
   • Eingebettete Buchungsseite: Erstellen Sie eine eigene “Jetzt buchen”- oder “Termine”-Seite
   • Buchungs-Popup: Fügen Sie es auf Serviceseiten hinzu, um sofortige Buchungen zu fördern
   • Buchungs-Sidebar: Nutzen Sie sie für seitenweiten Buchungszugriff

2. Design-Konsistenz:

   • Passen Sie Ihre Barberly-Widgets an die Farben Ihres Squarespace-Templates an
   • Halten Sie das Button-Design zwischen nativen Squarespace-Buttons und Barberly-Buttons konsistent

3. Mobile Optimierung:

   • Nutzen Sie die Geräte-Vorschau von Squarespace, um Ihre Widgets auf Mobilgeräten zu testen
   • Testen Sie den Buchungsablauf sowohl auf Desktop als auch auf Mobilgeräten