Zum Hauptinhalt gehen

Live-Kursplan auf deiner Webseite

  • Aktualisiert

In diesem Artikel zeigen wir dir, wie du den Live-Kursplan per Snippet in deine Website einbindest, wo du deinen Studio-String findest und was du tun kannst, wenn dir der MySports-Zugriff fehlt oder im Widget nur „Alle Standorte“ angezeigt wird. 

Inhalt

Fast lane

  • (Optional, empfohlen) MMP aktivieren: Main menu / Appstore / MySports Member Platform / Activate
  • MySports im Browser öffnen und den String nach https://www.mysports.com/studio/ kopieren (ohne ?ref=portal)
  • Snippet in den HTML-Code deiner Website einfügen und YOUR_STUDIO_STRING ersetzen
  • Optional Parameter an die Snippet-URL anhängen (z. B. Auslastung ausblenden)
  • Wenn dir der String fehlt oder nur „Alle Standorte“ erscheint: siehe Troubleshooting unten
  • Wenn du den Kursplan nicht mehr nutzen willst: Snippet aus deiner Website entfernen

Der Live-Kursplan

Du bindest den Live-Kursplan als Snippet in deine Website ein. Besucher sehen dort deinen aktuellen Kursplan und werden beim Klick auf einen Kurs zur Anmeldung in dein MySports-Buchungsportal weitergeleitet.

Live-Kursplan einbinden (Studio-String + Snippet)

  1. Öffne dein MySports-Buchungsportal im Browser und kopiere den String zwischen https://www.mysports.com/studio/ und einem möglichen ?ref=portal.

Beispiel: Studio-URL und Studio-String

  1. Füge dieses Snippet in den HTML-Code deiner Website ein und ersetze YOUR_STUDIO_STRING durch deinen kopierten String:
<!-- LIVE COURSE PLAN start -->
<div id="ms-nox-widget-courseplan"></div>
<script type="text/javascript" src="https://courseplan.noexcuse.io/nox.min.js?YOUR_STUDIO_STRING"></script>
<!-- LIVE COURSE PLAN end -->

3. DEINE_STUDIO_ZEICHENFOLGE durch, die im 1. Schritt, kopierte Zeichenfolge ersetzen.

Als Beispiel hier:
<div class="elementor-widget-container">
<!-- LIVE KURSPLAN start -->
<div id="ms-nox-widget-courseplan"></div>
<script type="text/javascript" src="https://courseplan.noexcuse.io/nox.min.js?Z3ltLWFjYWRlbXk6MTIxMDAwMjM4MA%3D%3D"></script>
<!-- LIVE KURSPLAN end -->

Wie funktioniert der Live-Kursplan?

Nach der erfolgreichen Aktivierung des MySports Buchungsportals, der Konfiguration deiner Online-Präsentation und der Einrichtung deiner Online-Angebote kannst du deine Webseite um einen ansprechenden Live-Kursplan erweitern!

image-20220208-152718.pngDer oben dargestellte Kursplan kann sich so nahtlos in deine Webseite einfügen. Wenn ein Besucher deine Webseite einen Kurs auswählt, gelangt er direkt auf die Seite zum Anmelden in deinem Buchungsportal. Nach einem Login kann dein Mitglied dann direkt den Kurs buchen:

Optionale Parameter (Auslastung/Kompetenzen ausblenden)

Wenn du im Kursplan z. B. die Auslastung oder Mitarbeiter-Kompetenzen nicht anzeigen möchtest, hängst du Parameter an die Snippet-URL an:

  • Auslastung ausblenden: disableUtilization=true
  • Kompetenzen ausblenden: &disableEmployeeExpertises=true

Beispiel (Auslastung ausblenden):

<script type="text/javascript" src="https://courseplan.noexcuse.io/nox.min.js?YOUR_STUDIO_STRING&disableUtilization=true"></script>

Troubleshooting: Kein Zugriff auf MySports, Studio-String fehlt, nur „Alle Standorte“

  • Kein Zugriff auf MySports → Studio-String nicht mehr sichtbar:
    Wenn du keinen Zugriff mehr auf MySports hast, kannst du den String nicht einfach aus der URL kopieren.
    Lösung: Wenn der Kursplan irgendwo auf deiner Website noch eingebunden ist, kannst du den String direkt aus dem Website-Code holen: Suche im HTML nach https://courseplan.noexcuse.io/nox.min.js?…. Alles nach dem ? ist dein Studio-String.
  • Im Widget steht nur „Alle Standorte“ (kein Wechsel möglich):
    In bestimmten Konstellationen wird die Standortliste nur korrekt bereitgestellt, wenn MySports Member Platform (MMP) aktiv ist. Wenn MMP nicht aktiv ist, kann das dazu führen, dass nur ein Fallback wie „Alle Standorte“ erscheint.
    Lösungen (je nach Ziel):
    1. Du brauchst Standortwechsel/mehrere Standorte im Kursplan: Aktiviere MMP wieder im Menü: Appstore / MySports Member Platform 
    2. Ein Standort reicht dir: Lass das Snippet auf der Seite, auf der bereits der korrekte Studio-String eingebaut ist (das Widget kann damit weiter funktionieren).
    3. Du willst den Kursplan nicht mehr anzeigen: Entferne das Snippet von deiner Website (siehe nächster Abschnitt).

Wichtig: Das Snippet wird von dir (oder deiner Webagentur) in deine Website eingefügt. Deshalb kann es nicht „remote“ von unserer Seite deaktiviert werden.

Snippet entfernen

Wenn du den Live-Kursplan nicht mehr nutzen möchtest, entfernst du den kompletten Codeblock (inkl. <div …> und <script …>) aus dem HTML deiner Website – entweder nur auf einzelnen Seiten oder überall, wo er eingebunden ist.

Verwandte Beiträge