Je lesrooster en je evenementen komen rechtstreeks uit DanceAdmin. Je zet ze één keer op je website, en daarna kloppen ze altijd: een nieuwe les, een gewijzigde tijd of een nieuw evenement staat er meteen op, zonder dat je je website hoeft aan te passen.
Wat kun je op je website zetten?
| Wat | Hoe | Wat je bezoekers zien |
|---|---|---|
| Lesrooster | Insluitcode (één regel) | De lessen van het seizoen, met filters en een knop Inschrijven bij elke les waarvoor de inschrijving open staat |
| Evenementen | Insluitcode (één regel) | Je komende evenementen, met een knop Tickets bestellen |
| Aanmeldformulier | Link, bijvoorbeeld achter een knop "Aanmelden" | Het formulier om je aan te melden voor een les, met online betalen |
Het aanmeldformulier zet je niet ín je pagina maar achter een link: bij online betalen gaat je bezoeker door naar de betaalpagina van Mollie, en die werkt alleen in een eigen venster. Vanuit het lesrooster opent het formulier ook vanzelf in een nieuw tabblad.
Waar vind je je codes?
- Ga in DanceAdmin naar Instellingen > Schoolgegevens.
- Open het tabblad Webformulieren en scrol naar Op je website.
- Klik naast het lesrooster, de evenementenlijst of het aanmeldformulier op Kopiëren.
Zie je de kaart Op je website niet? Dan heeft je school nog geen sleutel voor de website. Mail ons, dan zetten we die voor je klaar.
Een insluitcode ziet er zo uit (met de sleutel van je eigen school):
<script src="https://widget.danceadmin.com/embed.js" data-widget="events" data-school="…" async></script>Benieuwd hoe het eruitziet voordat je het plaatst? Bij Evenementen en Lesrooster staat rechtsboven een knop om de pagina te openen zoals je bezoekers hem zien.
Zo plak je de code op je website
WordPress
- Open de pagina waar het lesrooster of de evenementen moeten komen.
- Voeg een blok Aangepaste HTML toe (in Elementor: de widget HTML).
- Plak de insluitcode in het blok en klik op Bijwerken.
Het lesrooster of de evenementenlijst groeit vanzelf mee met de inhoud: geen scrollbalk, geen lege ruimte, ook niet op een telefoon.
Andere websitebouwers
- Squarespace: voeg een blok Code toe en plak de insluitcode.
- Wix: kies Toevoegen > Insluiten > Code insluiten en plak de insluitcode. Wix zet die in een eigen kader met een vaste hoogte; maak dat kader hoog genoeg voor je rooster.
- Andere sites: zoek naar een blok of element voor "HTML" of "code insluiten", of geef de insluitcode aan je websitebouwer.
Een knop naar het aanmeldformulier
Maak op je website een gewone knop of link, bijvoorbeeld "Meld je aan", en plak als adres de link van het aanmeldformulier. In WordPress gebruik je daarvoor het blok Knoppen.
Goed om te weten
- Je huisstijl: het lesrooster en de evenementenlijst nemen de kleuren van je school over. Hoe je die instelt, lees je in Het lesrooster in je eigen kleuren.
- Welke evenementen: alleen evenementen die actief en online zichtbaar zijn en nog niet voorbij. Staat online boeken uit, dan staat er Meer info in plaats van Tickets bestellen; is het evenement vol, dan staat er Uitverkocht.
- Had je het lesrooster al op je website? Dan hoef je niets te doen: je bestaande code blijft werken. Met de nieuwe regel heb je alleen geen extra script meer nodig om de hoogte goed te krijgen.
- Meer dan één: je kunt het lesrooster en de evenementenlijst ook samen op één pagina zetten, gewoon twee regels onder elkaar.
- Andere taal: heeft je website ook een Engelse, Duitse of Spaanse pagina? Zet dan in de insluitcode op die pagina
data-lang="en"(ofde,es) erbij, bijvoorbeeld vóórasync. Zonder dit staat alles in het Nederlands.