Sie brauchen Bearbeitungszugriff auf Ihre Squarespace-Website und mindestens ein in Barberly erstelltes Buchungs-Widget. Das Widget wird über einen Squarespace-Codeblock auf der Seite eingefügt.
Den Widget-Code kopieren#
- Melden Sie sich unter portal.barberly.com bei Ihrem Barberly-Konto an.
- Gehen Sie zu MenüAnwendungenAlle Widgets.
- Wählen Sie das gewünschte Widget aus und kopieren Sie seinen Integrationscode.
Das Widget auf einer Squarespace-Seite einfügen#
- Melden Sie sich bei Squarespace an und öffnen Sie den Seiteneditor.
- Klicken Sie auf das Symbol + an der Stelle, an der das Buchungs-Widget erscheinen soll.
- Suchen Sie in der Liste der Blöcke nach Code und wählen Sie ihn aus.
- Klicken Sie auf die Option </> Code.
- Fügen Sie Ihren Barberly-Widget-Code in den Code-Editor ein.
- Klicken Sie auf Anwenden.
- Speichern und veröffentlichen Sie die Seite.
Prüfen Sie das Widget mit der Gerätevorschau von Squarespace auch auf Mobilgeräten, und testen Sie den Buchungsablauf auf dem Desktop und auf dem Smartphone.
Fehlerbehebung#
- Widget wird nicht angezeigt
- Achten Sie darauf, dass Ihre Squarespace-Vorlage benutzerdefinierten Code zulässt. Manche Vorlagen schränken das ein.
- Widget sieht in der Vorschau falsch aus
- Manche eingebetteten Elemente werden im Vorschaumodus nicht richtig angezeigt. Prüfen Sie die veröffentlichte Website.
Das Widget aktualisieren#
Änderungen, die Sie in Barberly am Widget vornehmen, etwa an Farben, Texten oder Stilen, erscheinen automatisch auf Ihrer Squarespace-Website. Der Code bleibt gleich, in Squarespace müssen Sie also nichts ändern.