🔧 Hoe integreer ik de nieuwe Widgets?

Of je nu je activiteitenkalender, prijzen of speciale aanbiedingen laat zien, met de widgets van Eversports kun je je diensten prachtig weergeven - rechtstreeks op je website.

Deze handleiding leidt je in een paar eenvoudige stappen door alles wat je nodig hebt om de nieuwe widgets te embedden of te linken.

💡 Weet je nog niet zeker welk widgettype je moet gebruiken? Bekijk: Presenteer je activiteiten en producten via widgets

🧩 Wat is een Widget?

Een widget is een klein, insluitbaar onderdeel dat je website verbindt met je Eversports Manager. Je kunt het gebruiken om het volgende te laten zien:

Activiteitenkalender (Rooster)
Prijzen
Speciale activiteiten zoals retreats of cursussen

Widgets helpen je klanten:

Real-time informatie te zien
Direct boeken of kopen op je site
Geniet van een mobielvriendelijke, naadloze ervaring

🛠️ Een Widget op je website plaatsen

1. Open de Widget in Eversports Manager

Ga naar Instellingen > Widgets [NIEUW].
Klik op de widget die je wilt insluiten (of maak een nieuwe)
Op de widgetinstellingenpagina vind je:
- Een widget code (<div data-eversports-widget-id="...">)
- Een Script <script type="module" src="https://widget-static.eversports.io/loader.js" async defer></script>)

2.Kopieer de script- en widgetcode

Klik op de knop “Code kopiëren” naast elke codefragment. Deze twee elementen heb je nodig om de widget in te sluiten op je website.

3. Plak de code op je website

Voeg het script één keer per pagina toe
Plak de widgetcode overal waar je wilt dat de widget verschijnt

Dit wordt meestal gedaan met behulp van een HTML-blok, insluitgedeelte of aangepast codeveld in je websitebouwer.


<script type="module" src="https://widget-static.eversports.io/loader.js" async defer></script>


<div data-eversports-widget-id="your-widget-id-here"></div>

🔁 Wil je meerdere widgets op dezelfde pagina?

Geen probleem!

Voeg het script maar één keer toe
Plak zoveel verschillende widgetcodes als nodig is

Elke widget verschijnt waar je de <div> hebt geplaatst en laadt zijn unieke instellingen.

🔗 Liever linken in plaats van insluiten?

Je kunt een widget ook delen als een directe link in plaats van hem in te sluiten.

Dit is hoe:

Ga naar Instellingen > Widgets [NIEUW].
Open het Widgetoverzicht
Klik op de drie puntjes naast je widget
Kies "Link delen"

Je krijgt een URL die je kunt:

Toevoegen als knop of link op je website
Delen in e-mails of nieuwsbrieven
Op sociale media of landingspagina's plaatsen

Dit is de eenvoudigste optie als je je website niet direct beheert of een snelle manier wilt om iets te promoten zonder het te embedden.

📲 Tips voor een soepele integratie

Stem de achtergrond van de widget af op je website voor een strakke look
Gebruik de voorbeeldfunctie in Manager om je styling te controleren
Test op mobiel - de nieuwe widgets zijn geoptimaliseerd, maar het is een goede oefening
Vermijd iFrames - de nieuwe widgets hebben ze niet langer nodig!