Je kunt het Momoyoga lesrooster eenvoudig integreren in jouw Squarespace website. We bieden ook andere integratiemogelijkheden zoals Wordpress, Wix.com, Joomla, en JavaScript.
Met de Squarespace integratie worden de lessen getoond voor de komende 8 weken (met een maximum van 100 lessen). Als een bezoeker op Boek nu klikt, zal deze direct worden doorgestuurd naar de Momoyoga omgeving.
Moet ik een website programmeur zijn?
Het toevoegen van Momoyoga lesrooster aan je Squarespace website is vrij eenvoudig—je kunt het in binnen een minuut doen, maar het vereist wel wat kennis over Squarespace. 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 Squarespace website?
Wil je je Momoyoga lesrooster integreren in je website? Volg dan onderstaande stappen zorgvuldig. Log eerst in op je Squarespace account, selecteer de website onder My pages en klik op Pages.
Stap 1: Voeg CSS toe aan de pagina
- Plaats de muiscursor over de pagina link waar je het lesrooster wilt toevoegen (dan verschijnt er een tandwiel icoon)
- Klik op Settings (tandwiel icoon)
- Klik in het venster Page Settings op Advanced in de rechterbovenhoek
- Plak de onderstaande code vervolgens in het vak. Klik op Apply 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 een Code Block toe
- Open de pagina
- Klik op Insert Point of de +
- Selecteer Code van het menu
- Voor meer gedetailleerde stappen, bekijk Adding blocks
Let op: Het toevoegen van Code Blocks aan je Squarespace website is een Premiumfunctie dat alleen beschikbaar is in Business en Commerce pakketten.
Note: Adding Code Blocks to your Squarespace website is a Premium feature available in Business and Commerce plans.
Step 3: Voeg code toe
Zorg ervoor dat HTML is geselecteerd in het drop-down menu in de rechterbovenhoek.
Plak de onderstaande code vervolgens in het vak en verwijder de tijdelijke aanduiding <p>Hello, World!</p>.
|
<div class="momoyoga-schedule" data-momo-schedule="[schedule URL here]"></div> <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> |
Stap 4: 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 Apply 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.