Dieser Artikel erklärt, wie du ein bsport-Widget (Kalender, Pässe, Mitgliedschaften und mehr) über einen Code-Block zu einer Seite deiner Squarespace-Website hinzufügst.
Bevor du beginnst
Dein Squarespace-Plan: Squarespace erlaubt die Ausführung von JavaScript oder einem iFrame in einem Code-Block nur in den Plänen Core, Plus oder Advanced. In anderen Plänen wird das Widget nicht angezeigt.
Dein Widget-Code: Du brauchst den Code, der in deinem bsport-Backoffice generiert wurde. Falls du ihn noch nicht erstellt hast, folge der Anleitung Widget: So integrierst du ein bsport-Widget auf deiner Website und kopiere den Code am Ende.
Das Widget zu deiner Seite hinzufügen
Gehe im bsport-Backoffice zu Einstellungen > Widgets, wähle dein Widget aus, lege deine Konfiguration fest und klicke auf das Kopieren-Symbol, um den Code zu kopieren.
Öffne in Squarespace die Seite, auf der das Widget erscheinen soll, und klicke auf Bearbeiten.
Fahre mit der Maus über den Bereich, in dem das Widget erscheinen soll, klicke auf Block hinzufügen (oder +) und wähle Code.
Klicke auf das Stift-Symbol im Block, um den Code-Editor zu öffnen.
Wähle im Menü Modus die Option HTML. Stelle sicher, dass Quelle anzeigen deaktiviert ist, sonst wird der Code als Text angezeigt, anstatt ausgeführt zu werden.
Füge den bsport-Widget-Code in den Editor ein.
Klicke auf Speichern (oder Übernehmen) und speichere und veröffentliche anschließend deine Seite.
Öffne deine Live-Website und prüfe, ob das Widget angezeigt wird.
Jedes Mal, wenn du deine Widget-Einstellungen im bsport-Backoffice änderst, wird ein neuer Code generiert. Deine Website aktualisiert sich nicht automatisch: Kopiere den neuen Code und ersetze den alten im Code-Block.
Problembehebung
Ich sehe den Code als Text auf meiner Seite. Öffne den Code-Block, stelle den Modus auf HTML und deaktiviere Quelle anzeigen.
Das Widget ist leer, während ich bearbeite. Aus Sicherheitsgründen blendet Squarespace eingebetteten Code manchmal aus, solange du angemeldet bist. Klicke auf Vorschau im abgesicherten Modus oder öffne die veröffentlichte Seite in einem privaten Browserfenster.
Das Widget wird auf einer bestimmten Seite nicht angezeigt. Laut Squarespace wird Code auf Index-Seiten oder bei aktiviertem AJAX-Laden manchmal nicht gerendert. Versuche es mit einer Standardseite oder deaktiviere das AJAX-Laden in deinen Website-Einstellungen.
Ich kann meine Seite nicht mehr bearbeiten. Wenn ein Code-Block dich am Bearbeiten hindert, deaktiviere Skripte in der Squarespace-Vorschau und bearbeite oder entferne dann den Block.
Das Widget sieht anders aus als in der Vorschau, ist abgeschnitten oder auf dem Handy gestaucht. Siehe Widget: Häufigste Probleme (Kompatibilitätsmodus, Containerbreite und mobile Darstellung).
Kommst du nicht weiter? Kontaktiere uns unter support@bsport.io und gib den Link zur Seite an, auf der das Widget erscheinen soll.
Kann bsport meine Widgets für mich einrichten? Ja — wenn du möchtest, dass wir die Einrichtung übernehmen, erfahre hier, was wir dafür von dir brauchen.