Je kunt het Momoyoga lesrooster eenvoudig integreren in jouw Joomla website. We bieden ook andere integratiemogelijkheden zoals Wordpress, Squarespace, Wix.com, en JavaScript.
Met de Joomla integratie 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 Joomla website is vrij eenvoudig - je kunt het in binnen twee minuten doen, maar het vereist wel wat kennis over Joomla. 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 Joomla website?
Wil je je Momoyoga lesrooster integreren in je Joomla website? Volg dan onderstaande stappen zorgvuldig.
Stap 1: Voeg JavaScript en CSS aan de pagina
- Log eerst in op je Joomla account (dit zal het Control Panel openen)
- Klik Extensions > Templates > Templates in het menu bovenin
- Selecteer jouw template
- Klik op index.php in het menu aan de linkerzijde
- Plak de onderstaande code vervolgens in de pagina
Plak de onderstaande code vervolgens in de pagina, net voor het einde van de </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> |
Plak de onderstaande code vervolgens in de pagina onder het <head> gedeelte. Klik op Save om de wijzigingen te publiceren.
| <link rel="stylesheet" href="https://www.momoyoga.com/schedule-plugin/v2/css/schedule-frontend.css" crossorigin="anonymous"> |
Stap 2: Voeg code toe
- Ga terug naar het Control Panel
- Klik Content > Articles > Add New Article in het menu bovenin (meer over het toevoegen van nieuwe artikelen in Joomla)
- Klik Source code icoon voor het toevoegen van code
- Voeg de onderstaande code <div> container toe waar je graag het lesrooster zou willen tonen
| <div class="momoyoga-schedule" data-momo-schedule="[schedule URL here]"></div> |
Stap 3: Vervang de code met jouw eigen lesrooster
- Vervang de code [schedule URL here] met de URL van jouw eigen lesrooster. Bijvoorbeeld https://www.momoyoga.nl/mystudioname
- Klik Save om de wijzigingen te publiceren
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.