Zum Hauptinhalt gehen

Live-Kursplan auf deiner Webseite

  • Aktualisiert

In diesem Artikel lernst du: Die Einbindung des Live-Kursplans auf deiner Webseite einzubinden

Schnellanleitung zur Einbindung deines Live-Kursplans auf deine Webseite:

    1. Zeichenfolge zwischen https://www.mysports.com/studio/ und ?ref=portal aus deiner Adresszeile kopieren

    2. 1<!-- LIVE KURSPLAN start -->
2<div id="ms-nox-widget-courseplan"></div>
3<script type="text/javascript" src="https://courseplan.noexcuse.io/nox.min.js?DEINE_STUDIO_ZEICHENFOLGE"></script>
4<!-- LIVE KURSPLAN end -->

      in das HTML-Dokument deiner Webseite einfügen.

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

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:

image-20220208-152740.png

Wie binde ich den Live-Kursplan auf meiner Webseite ein?

Rufe dein MySports Buchungsportal im Browser auf und kopiere die Zeichenfolge zwischen https://www.mysports.com/studio/ und einem möglichen ?ref=portal aus der Adresszeile.

In https://www.mysports.com/studio/Z3ltbGFiOjI%3D?ref=portal ist z.B. die Zeichenfolge Z3ltbGFiOjI%3D rauszukopieren.

url2__1_.png

Es kann jedoch auch sein, dass in deiner Adresse kein ? enthalten ist, dann einfach die komplette Zeichenfolge hinter https://www.mysports.com/studio/ rauskopieren.

Diese Zeichenfolge identifiziert dein Studio, also so eine Art Hausnummer für dein virtuelles Studio.

Um den Kursplan auf deiner Webseite zu integrieren, musst du oder dein Webseiten-Entwickler an der gewünschten Unterseite folgenden Code in das HTML-Dokument hinzufügen:

1<!-- LIVE KURSPLAN start -->
2<div id="ms-nox-widget-courseplan"></div>
3<script type="text/javascript" src="https://courseplan.noexcuse.io/nox.min.js?DEINE_STUDIO_ZEICHENFOLGE"></script>
4<!-- LIVE KURSPLAN end -->

Hierbei ersetzt du ganz einfach das DEINE_STUDIO_ZEICHENFOLGE durch deine oben ermittelte individuelle Zeichenfolge deines Studios. Sobald deine Webseite geladen wird, ersetzen wir den Code-Block mit einem iFrame, der dann deinen aktuellen Kursplan enthält.

Falls du die Auslastung deiner Kurse oder die Kompetenzen deiner Mitarbeiter verstecken willst, kannst du dies über den ParameterdisableUtilization=truefür die Auslastung und &disableEmployeeExpertises=truefür die Kompetenzen tun. Hänge diese Parameter wie gewohnt an die URL. Beispielhaft für das Ausblenden der Auslastung:

<!-- LIVE KURSPLAN start -->
<div id="ms-nox-widget-courseplan"></div>
<script type="text/javascript" src="https://courseplan.noexcuse.io/nox.min.js?DEINE_STUDIO_ZEICHENFOLGE&disableEmployeeExpertises=true"></script>
<!-- LIVE KURSPLAN end -->

 

Verwandte Beiträge