Do I need to be a developer?
Place these lines at the bottom of the page content right before the closing </body> tag:
|<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://www.momoyoga.com/schedule-plugin/v2/js/schedule.js" crossorigin="anonymous"></script>
Step 2: CSS (optional)
In case you want to use styling of the schedule provided by us, add the following stylesheet to the <head> of your website layout:
|<link rel="stylesheet" href="https://www.momoyoga.com/schedule-plugin/v2/css/schedule-frontend.css" crossorigin="anonymous">|
Step 3: Schedule container
Add the following <div> container to where you would like the schedule to appear:
|<div class="momoyoga-schedule" data-momo-schedule="[schedule URL here]"></div>|
Replace the content of the data-momo-schedule attribute with the URL of your class schedule. This could, for example, look like https://www.momoyoga.com/mystudioname
Make sure to include the momoyoga-schedule CSS class if want to use the stylesheet supplied by us.
After following these steps, the schedule should be visible on your website.