Live class schedule on your website

In this article, you will learn how to integrate the live course plan on your website

• How does the live course plan work?

• How do I integrate the live course plan on my website?

Quick guide to integrating your live course plan on your website:

1. Copy the string of characters after https://www.mysports.com/studio/  from your address bar. The blue-marked area is the part to be copied.
   

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

   Insert this into the HTML document of your website.

3. Replace YOUR_STUDIO_STRING with the string copied in Step 1.
   
   For example, here:
   <div class="elementor-widget-container">
   <!-- LIVE COURSE PLAN 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 COURSE PLAN end -->

How does the live course plan 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 attractive live course plan!

The course plan shown above can seamlessly integrate into your website. When a visitor to your site selects a course, they will be directed to the page for registration in your booking portal. After logging in, your member can then book the course directly:

How do I integrate the live course plan on my website?

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

For example, in https://www.mysports.com/studio/Z3ltbGFiOjI%3D?ref=portal, the string Z3ltbGFiOjI%3D needs to be copied.

However, if your address does not contain a ?, simply copy the entire string after https://www.mysports.com/studio/.

This string identifies your studio – it’s like a unique house number for your virtual studio.

To integrate the course plan on your website, you or your website developer must add the following code to the HTML document of the desired subpage:

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

Simply replace YOUR_STUDIO_STRING with your previously determined individual studio string. Once your website is loaded, we will replace the code block with an iFrame containing your current course plan.

If you wish to hide the occupancy of your courses or the competencies of your staff, you can do so by using the parameters disableUtilization=true for occupancy and &disableEmployeeExpertises=true for staff competencies. Simply append these parameters to the URL as usual. For example, to hide the occupancy:

<!-- LIVE COURSE PLAN start -->
<div id="ms-nox-widget-courseplan"></div>
<script type="text/javascript"