Ga naar hoofdinhoud

Cursad Widget

De Cursad widget is een eenvoudig script dat je als klant kunt toevoegen aan je website. Met een unieke configuratiekey (clientkey) haal je direct het actuele cursusaanbod op en kun je het volledig inrichten naar je eigen huisstijl.

Widget Modussen​

De Cursad widget kan op twee manieren worden gebruikt:

Standaard Modus​

De standaard modus toont de volledige widget interface met het cursusaanbod, navigatie en alle functionaliteiten. Dit is de meest gebruikte modus voor algemene integratie op je website.

Bekijk de instructies voor Standaard Modus →

Form Only Modus​

De form-only modus toont alleen het inschrijfformulier, zonder de rest van de widget interface. Dit is handig wanneer je direct naar het inschrijfformulier voor een specifieke cursus wilt linken via URL parameters.

Bekijk de instructies voor Form Only Modus →

Algemene Installatie Stappen​

De volgende stappen gelden voor beide modussen:

Stap 1: JavaScript Toevoegen​

Voeg deze regel direct voor de sluitende </body>-tag toe:

<script src="https://demowebsite.cursadtestweb.nl/myenv/my-env-widget.js"></script>

Stap 2: Base href Toevoegen​

Voeg deze regel toe binnen de <body>:

<base href="PAGINAURL">

Voorbeeld: mijn-omgeving wanneer de widget zich op deze URL bevindt.

Stap 3: Rewrite-regel Instellen (alleen voor WordPress)​

Voeg deze code toe aan functions.php van je childtheme:

function customcursadrewrite() {
    $singlepageapppageid = PAGINAID;
    add_rewrite_rule('mijn-omgeving/?', 'index.php?page_id=' . $singlepageapppageid, 'top');
}
add_action('init', 'customcursadrewrite');
Permalinks vernieuwen

Ga in WordPress naar Instellingen > Permalinks en klik op "Wijzigingen opslaan" (je hoeft niets te wijzigen).

Support​

Voor vragen of problemen:

  • 📧 Neem contact op met de Cursad support
  • 🔍 Check de browser console (F12) voor technische details
  • 📝 Vermeld altijd je configuratie-ID bij supportverzoeken

Veelgestelde Vragen​

Kan ik meerdere widgets op één pagina plaatsen?​

Ja, je kunt meerdere <app-entry> elementen op één pagina plaatsen, elk met hun eigen configuratie.

Werkt de widget op alle browsers?​

De widget werkt op alle moderne browsers die ES6+ ondersteunen:

  • Chrome 60+
  • Firefox 60+
  • Safari 12+
  • Edge 79+

Hoe update ik de widget naar een nieuwe versie?​

De widget wordt automatisch bijgewerkt via de JavaScript URL. Geen handmatige actie nodig.