Widget Builder Pro

Laat AI een interactieve widget genereren op basis van een tekstbeschrijving. Van memory-spellen tot quizzen.

Preview

Maak een memory sp

Overzicht

De Widget Builder gebruikt AI om een volledig interactieve HTML/CSS/JS-widget te genereren op basis van jouw beschrijving. Typ een prompt, en de AI bouwt een werkende widget die direct in je cursus wordt getoond. De widget draait in een beveiligde, sandboxed iframe en heeft geen toegang tot de rest van de pagina. Je tenant-branding (kleuren en lettertype) wordt automatisch meegegeven zodat de widget visueel past bij je cursus.

Credits

Elke generatie kost 5 credits. Verfijnen kost 5 credits. Je ziet je creditssaldo in de editor.

Hoe het werkt

1Voeg het block toe

Klik op + of typ /widget in het slash command veld.

2Schrijf een prompt

Beschrijf wat de widget moet doen. Hoe specifieker, hoe beter het resultaat. Bijvoorbeeld: "Maak een quiz over de Arbowet met 5 vragen en een score-overzicht."

3Genereer de widget

Klik op Genereer. De AI bouwt de widget en toont een live preview. Dit duurt meestal 10-30 seconden.

4Verfijn het resultaat (optioneel)

Niet helemaal tevreden? Beschrijf wat je wilt veranderen en klik op Verfijnen. De AI past de widget aan op basis van je feedback.

Widget ideeën

De Widget Builder kan een breed scala aan interactieve elementen genereren:

Quizzen met score-overzicht
Rekenmachines en calculators
Memory-spellen
Escape room-puzzels
Sorteeroefeningen
Interactieve diagrammen
Timers en countdowns
Drag-and-drop activiteiten

Instellingen

Instelling	Beschrijving	Standaard
Prompt	Beschrijving van de gewenste widget	-
Credits per actie	5 per generatie, 5 per verfijning	5
Sandbox	Widget draait in een beveiligde iframe (altijd aan)	Aan
Tenant branding	Kleuren en lettertype van je organisatie worden automatisch meegegeven	Automatisch
Animatie	Geen, Fade in, Slide omhoog, Slide links, Slide rechts, Bounce, Blur in, Zoom in	Geen
Span achtergrond	Kleur, afbeelding of video als achtergrond	Wit

Tips & best practices

Wees specifiek in je prompt

"Maak een quiz over hoofdsteden met 10 vragen en een score-overzicht" werkt beter dan "Maak een quiz". Hoe meer detail, hoe beter het resultaat.

Verfijn in kleine stappen

Verander niet alles in een keer. Beschrijf per verfijning een specifieke aanpassing, zoals "Maak de knoppen groter" of "Voeg een timer toe van 30 seconden".

Veilig en geïsoleerd

De widget draait volledig in een sandboxed iframe. Er is geen toegang tot de bovenliggende pagina, gebruikersgegevens of het leerplatform.

Gerelateerde blocks

HTML Block - Voor handmatig geschreven HTML/CSS/JS widgets.
Simulatie Block - Voor stap-voor-stap software trainingen.