Sie brauchen Zugriff auf den Editor Ihrer Wix-Website und mindestens ein in Barberly erstelltes Buchungs-Widget. Das Widget wird über das HTML-iFrame-Element von Wix 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 im Wix Editor einfügen#
- Öffnen Sie Ihre Website im Wix Editor.
- Klicken Sie in der linken Seitenleiste auf Hinzufügen (+).
- Wählen Sie Einbetten und dann HTML-iFrame.
- Klicken Sie im Einstellungsbereich auf Code eingeben.
- Fügen Sie Ihren Barberly-Widget-Code ein und klicken Sie auf Aktualisieren.
- Passen Sie Größe und Position des Elements auf der Seite an.
- Klicken Sie oben rechts im Editor auf Veröffentlichen.
Prüfen Sie das Widget im mobilen Editor von Wix und passen Sie bei Bedarf Größe und Position für Mobilgeräte an.
Fehlerbehebung#
- Widget wird nicht angezeigt
- Achten Sie darauf, dass Ihre Wix-Vorlage benutzerdefiniertes HTML und JavaScript zulässt.
- Größe oder Position stimmt nicht
- Ändern Sie die Größe des HTML-iFrame-Elements im Wix Editor.
- Änderungen erscheinen nicht im Editor
- Veröffentlichen Sie die Website und prüfen Sie das Widget auf der Live-Website.
Das Widget aktualisieren#
Änderungen, die Sie in Barberly am Widget vornehmen, etwa an Farben, Texten oder Stilen, erscheinen automatisch auf Ihrer Wix-Website. Der Code bleibt gleich, in Wix müssen Sie also nichts ändern.