Zum Hauptinhalt springen

So personalisierst du deinen Kalender

In diesem Hilfeartikel erfährst du alle Möglichkeiten, deinen Kalender zu personalisieren.

Du kannst entweder Personalisierungselemente wählen, die sich auf alle deine Kalender auswirken (falls du mehrere Kalender hast, zum Beispiel einen pro Standort: Bsport Paris, Bsport Barcelona ...), oder Einstellungen, die sich jeweils nur auf einen Kalender auswirken

Schritt 1 - Allgemeine Kalendereinstellungen einrichten

Passe die allgemeinen Einstellungen an, die sich sowohl auf den Marketplace als auch auf das Widget auswirken, für:

  • Kalender (Karten- und Listenformat)

  • Kurse (Einzelsitzungen und Gruppensitzungen)

Gehe dazu zu "Einstellungen" > "Personalisierung"

Lies dann diesen Artikel über die Kalendereinrichtung

Sobald du die allgemeinen Personalisierungseinstellungen deiner Kalender eingerichtet hast, kannst du die Anzeige jedes einzelnen Kalenders im Marketplace anpassen

Schritt 2 - Die für den Marketplace spezifischen Kalender einrichten

Personalisiere deinen Kalender noch weiter oder hebe einen Kalender von einem anderen im Marketplace ab
Eine allgemeine Einführung dazu, wie du deinen Marketplace anpassen kannst, findest du in diesem Artikel

Gehe dann zu "Einstellungen" > "Marketplace-Einstellungen" und wähle den Kalender aus, den du bearbeiten möchtest

Nachdem du auf die Schaltfläche "Weitere Optionen anzeigen" geklickt hast, kannst du die Einstellungen anpassen, die speziell für deinen Kalender-Tab gelten. Beachte, dass du nach jeder Änderung auf "Speichern" klicken musst, damit die Kalenderansicht für Mitglieder aktualisiert wird

  • Du kannst wählen, wie der Kalender angezeigt wird:

    • Wochenansicht (Liste)

    • Wochenansicht (Karte). Beachte, dass die Karten in dieser Ansicht auf der mobilen Ansicht recht klein wirken können. Wenn deine Mitglieder häufig über das Smartphone buchen, empfehlen wir, direkt darunter die responsive Anzeige auszuwählen

    • Responsive Anzeige: Der Kalender wird auf dem Desktop in der Kartenansicht und auf dem Smartphone in der Listenansicht angezeigt, um ihn mobilfreundlicher für deine Mitglieder zu gestalten

    • Tagesansicht, um nur die heutigen Kurse anzuzeigen

    • Für die Karten- und die responsive Ansicht kannst du wählen, ob Vormittags-, Nachmittags- und Abendkurse getrennt angezeigt werden sollen. Wenn du unter der Woche viele freie Zeitfenster hast, empfehlen wir, diese Einstellung zu deaktivieren, damit die Kurse untereinander angezeigt werden.

  • Lege fest, welche Informationen im Titel des Kurses hervorgehoben werden sollen

    • Die Aktivität

    • Die Lehrkraft. Du kannst anpassen, wie der Name der Lehrkraft hervorgehoben wird, indem du die allgemeine Kalendereinrichtung änderst

    • Der Zeitplan

  • Wähle, ob du den Kalender so filtern möchtest, dass nur Kurse einer oder mehrerer ausgewählter Lehrkräfte angezeigt werden. Wenn das Feld leer bleibt, werden standardmäßig die Kurse aller Lehrkräfte angezeigt. Beachte, dass das Mitglied die Filter im Kalender trotzdem entfernen kann, indem es rechts auf die Schaltfläche "Lehrkraft" klickt

  • Wähle, ob du den Kalender so filtern möchtest, dass nur Kurse eines ausgewählten Standorts angezeigt werden, falls du mehrere hast. Diese Einstellung ist nur für bestimmte Manager-Abonnements verfügbar. Bitte wende dich an deinen Account Manager, wenn du Zugriff auf diese Einstellung haben möchtest

  • Wähle, ob du den Kalender so filtern möchtest, dass nur Kurse eines oder mehrerer ausgewählter Studios angezeigt werden, falls du mehrere hast. Wenn das Feld leer bleibt, werden standardmäßig die Kurse aller Studios angezeigt. Beachte, dass das Mitglied die Filter im Kalender trotzdem entfernen kann, indem es rechts auf die Schaltfläche "Studio" klickt

  • Wähle, ob du den Kalender so filtern möchtest, dass nur Kurse einer oder mehrerer ausgewählter Aktivitäten angezeigt werden. Wenn das Feld leer bleibt, werden standardmäßig die Kurse aller Aktivitäten angezeigt. Beachte, dass das Mitglied die Filter im Kalender trotzdem entfernen kann, indem es rechts auf die Schaltfläche "Aktivität" klickt

  • Wähle, ob du den Kalender so filtern möchtest, dass nur Kurse eines oder weniger ausgewählter Levels angezeigt werden. Wenn das Feld leer bleibt, werden standardmäßig Kurse aller Levels angezeigt. Beachte, dass das Mitglied die Filter im Kalender trotzdem entfernen kann, indem es rechts auf die Schaltfläche "Level" klickt.


Sobald du deine Kalender im Marketplace angepasst hast, kannst du dasselbe mit deinem Kalender-Widget tun.

Schritt 3.1 - Das Kalender-Widget einrichten

Passe das Widget deiner Kalender an. Du kannst so viele Kalender-Widgets erstellen, wie du benötigst, indem du den Widget-Code mit den gewünschten Einstellungen mehrmals auf deiner Website einfügst.
Dies wirkt sich jedoch nicht auf die Kalender im Marketplace aus. Wenn die Kalender im Marketplace mit denen des Widgets übereinstimmen sollen, musst du für beide einfach die gleichen Einstellungen festlegen

Gehe dazu zu "Einstellungen" > "Widget" > "Allgemein"

Lies dann diesen Artikel darüber, wie du ein Kalender-Widget in deine Website einbindest, und konfiguriere die allgemeinen Einstellungen, die identisch mit denen aus Schritt 2 sind

Schritt 3.2 - Die Widgets anpassen

Sobald du das Kalender-Widget eingebunden hast, kannst du im Bereich "Einstellungen" > "Widget" > "Anpassung" zum Anpassungs-Tab gehen, um es zu personalisieren

Lies dann diesen Artikel darüber, wie du das allgemeine Theme der Widgets anpasst.

Die hier festgelegten Einstellungen wirken sich gleichzeitig auf alle deine Widgets aus (Kurs, Pässe, Kalender), um die grafische Konsistenz auf deiner Plattform zu wahren.

Du kannst das Widget in der Vorschau ansehen, indem du auf die Schaltfläche "Widget-Einstellungen" klickst und die in Schritt 3.1 festzulegenden Einstellungen auswählst

Schritt 3.3 - Das CSS deines Kalender-Widgets verbessern

Wenn du noch mehr Anpassungsmöglichkeiten für die Widgets benötigst, damit sie sich nahtlos in deine Website einfügen, kannst du zu "Einstellungen" > "Widget" > "Benutzerdefiniertes CSS" gehen

Beachte, dass alle Änderungen im Tab "Benutzerdefiniertes CSS" standardmäßig Vorrang vor den Einstellungen im Tab "Anpassung" haben. Beide können jedoch zusammenarbeiten, solange die CSS-Regel nicht bereits im benutzerdefinierten CSS existiert.

Wähle "Kalender" unter "Auswahl des Widgets", um das CSS der Kursdetails anzuzeigen

Du kannst das CSS dann nach Belieben anpassen, um die Anzeige der Kursdetails zu personalisieren, das Ergebnis links im Bildschirm in der Vorschau ansehen und auf "Speichern" klicken, sobald es deinen Vorstellungen entspricht.

Beachte, dass sich diese CSS-Änderungen auf alle Versionen des ausgewählten Widgets auswirken (also auf alle deine Kalender, falls du mehrere hast), jedoch nicht auf andere Widgets (Pässe, Abonnements).

Wenn du das Dropdown-Menü "Variationen" rechts öffnest, kannst du eine Vorschau davon ansehen, wie es je nach den in Schritt 3.1 festgelegten Einstellungen aussehen würde

Hat dies deine Frage beantwortet?