Skip to main content

Live class schedule on your website

  • Updated

In this article you will learn: How to include the live class schedule on your website.

Quick guide to embed your live class schedule on your website:

    1. Copy string between https://www.mysports.com/studio/ and ?ref=portal from your address bar.

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

      paste into the HTML document of your web page.

    3. Replace YOUR_STUDIO_COURSE PLAN with, the string you copied in the 1st step.

How does the live class schedule work?

After successfully activating the MySports booking portal, configuring your online presentation and setting up your online offers, you can add an attractive live class plan to your website.

image-20220208-152718.pngThe class plan shown above can be seamlessly integrated into your website. When a visitor to your website selects a class, they will be taken directly to the login page of your booking portal. After logging in, your member can then book the class directly:

image-20220208-152740.png

How do I embed the live course schedule on my website?

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

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

url2__1_.png

However, it is also possible that your address does not contain a ?, in which case simply copy the complete string after https://www.mysports.com/studio/.

This string identifies your studio, a kind of house number for your virtual studio.

To integrate the class plan on your website, you or your website developer have to add the following code to the HTML document at the desired subpage:

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

Here you simply replace the DEINE_STUDIO_ZEICHENFOLGE with your individual studio string determined above. Once your website loads, we will replace the code block with an iFrame that will then contain your current course schedule.

Related articles