In diesem Artikel lernst du: Die Einbindung des Live-Kursplans auf deiner Webseite einzubinden
Schnellanleitung zur Einbindung deines Live-Kursplans auf deine Webseite:
-
Die Zeichenfolge nach
https://www.mysports.com/studio/
deiner Adresszeile kopieren. Der hier blau markierte Bereich ist der zu Kopierende. -
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.
-
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!
Der 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:
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.
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=true
für die Auslastung und &disableEmployeeExpertises=true
fü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 -->