Momoyoga biedt een JavaScript versie van het lesrooster, zodat je deze overal in je website kunt integreren. We bieden ook andere integratiemogelijkheden zoals Wordpress, Squarespace, Wix.com, en Joomla.
Met JavaScript worden de lessen getoond voor de komende 8 weken (met een maximum van 100 lessen). Als een bezoeker op Boek nu drukt zal deze direct worden doorgestuurd naar de Momoyoga omgeving.
Moet ik een website programmeur zijn?
Het toevoegen van Momoyoga lesrooster aan je website is heel eenvoudig - je kunt het in 30 seconden of korter doen, maar het vereist wel wat technische kennis. De installatie is net als een Google Analytics-installatie (d.w.z. kopiëren en plakken van de code in pagina's van je website).
Hoe voeg ik het lesrooster toe aan mijn website met JavaScript?
Wil je je Momoyoga lesrooster integreren in je website? Volg dan de onderstaande stappen zorgvuldig.
Stap 1: JavaScript
Plaats deze regels onderaan de inhoud vlak voor de sluitende </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> |
Stap 2: CSS (optioneel)
Indien je gebruik wilt maken van de door ons geleverde styling van het lesrooster, voeg je de volgende regel toe aan het <head> gedeelte van je website-layout:
<link rel="stylesheet" href="https://www.momoyoga.com/schedule-plugin/v2/css/schedule-frontend.css" crossorigin="anonymous"> |
Stap 3: Lesrooster container
Voeg de volgende <div> container toe op de plaats waar je het lesrooster wilt laten verschijnen:
<div class="momoyoga-schedule" data-momo-schedule="[schedule URL here]"></div> |
Vervang de inhoud van het data-momo-schedule attribuut met de URL van het lesrooster. Deze ziet er bijvoorbeeld als volgt uit: https://www.momoyoga.nl/yogastudio
Let erop dat je de momoyoga-schedule CSS class laat staan als je van onze stylesheet gebruik wilt maken.
Je bent klaar!
Nadat je deze stappen gevolgd hebt, zou het lesrooster zichtbaar moeten zijn op je website.
Let op: Het Momoyoga support team is niet getraind in technische probleemoplossing. Neem voor extra ondersteuning met betrekking tot de lesrooster integratie contact op met je website ontwikkelaar.