Live Course Schedule on Your Website – Magicline GmbH

In this article, we show you how to embed the live course schedule into your website using a snippet, where to find your studio string, and what you can do if you lack MySports access or if only "All locations" is displayed in the widget.

Fast lane

(Optional, recommended) Activate MMP: Main menu / Appstore / MySports Member Platform / Activate
Open MySports in the browser and copy the string after https://www.mysports.com/studio/?ref=portal)
Insert the snippet into the HTML code of your website and replace YOUR_STUDIO_STRING
Optionally append parameters to the snippet URL (e.g., to hide utilization)
If you are missing the string or only "All locations" appears: see troubleshooting below
If you no longer want to use the course schedule: remove the snippet from your website

The Live Course Schedule

You embed the live course schedule into your website as a snippet. Visitors will see your current course schedule there and will be redirected to your MySports booking portal to register for a course when they click on a course.

Embed Live Course Schedule (Studio String + Snippet)

Open your MySports booking portal in the browser and copy the string between https://www.mysports.com/studio/ and a possible ?ref=portal.

Beispiel: Studio-URL und Studio-String

Insert this snippet into the HTML code of your website and replace YOUR_STUDIO_STRING with your copied 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. Replace YOUR_STUDIO_STRING with the string you copied in step 1.

As an example here:
<div class="elementor-widget-container">

<div id="ms-nox-widget-courseplan"></div>
<script type="text/javascript" src="https://courseplan.noexcuse.io/nox.min.js?Z3ltLWFjYWRlbXk6MTIxMDAwMjM4MA%3D%3D"></script>

How does the live course schedule work?

After successfully activating the MySports booking portal, configuring your online presentation, and setting up your online offerings, you can enhance your website with an appealing live course schedule!

The course schedule shown above can be seamlessly integrated into your website. When a visitor to your website selects a course, they are taken directly to the registration page in your booking portal. After logging then book the course directly:

Optional Parameters (Hide Utilization/Expertises)

If you do not want to display utilization or staff expertises in the course schedule, for example, you can append parameters to the snippet URL:

Hide utilization: disableUtilization=true
Hide expertises: &disableEmployeeExpertises=true

Example (hide utilization):

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

Troubleshooting: No access to MySports, studio string missing, only "All locations"

No access to MySports → Studio string no longer visible:
If you no longer have access to MySports, you cannot simply copy the string from the URL.
Solution: If the course schedule is still embedded somewhere on your website, you can get the string directly from the website code: Search the HTML for https://courseplan.noexcuse.io/nox.min.js?…. Everything after the ? is your studio string.
The widget only shows "All locations" (no switch possible):
In certain cases, the location list is only provided correctly if the MySports Member Platform (MMP) is active. If MMP is not active, this can result in only a fallback such as "All locations" appearing.
Solutions (depending on your goal):
1. You need location switching/multiple locations in the course schedule: Reactivate MMP in the menu: Appstore / MySports Member Platform
2. One location is enough for you: Leave the snippet on the page where the correct studio string is already embedded (the widget can continue to function with it).
3. You no longer want to display the course schedule: Remove the snippet from your website (see next section).

Important: The snippet is inserted into your website by you (or your web agency). Therefore, it cannot be deactivated "remotely" from our side.

Remove snippet

If you no longer wish to use the live course schedule, remove the entire code block (including <div …> and <script …>) from your website's HTML—either only on individual pages or everywhere it is embedded.