Met custom JavaScript kun jij jouw Huddle omgeving volledig vormgeven naar eigen wens. Zo kun jij bijvoorbeeld een eigen chatbot toevoegen, een WhatsApp widget om direct met jou contact op te nemen of styling aanpassingen maken.
In deze handleiding leg ik je uit hoe je algemene aanpassingen kan maken voor jouw volledige Huddle omgeving, en aanpassingen voor een individuele les.
Globale JavaScript toevoegen
Een custom JavaScript voeg je toe via de beheeromgeving. Navigeer naar Instellingen > Custom Javascript:
Klik op Toevoegen:
In de pop-up die getoond wordt, verwerk jij de volgende informatie:
Script name: De naam van het script (voor jouw eigen overzicht).
Script description: Wat het script doet / aanpast (voor jouw eigen overzicht).
Script category: Wat voor type script het is (belangrijk voor wanneer het geactiveerd wordt m.b.t. jouw cookies)
Script code: Het daadwerkelijke script.
ℹ️ Zorg er voor dat jouw Script code begint met <script> en eindigt met
</script>.
Het JavaScript zal nu automatisch ingeladen worden op jouw Huddle omgeving.
JavaScript toevoegen aan lespagina's
Je kan naast een globale custom script ook per individuele lespagina een custom JavaScript toevoegen.
Navigeer naar een lespagina en klik op Scripts > Script toevoegen:
In de pop-up die getoond wordt, verwerk jij de volgende informatie:
Script name: De naam van het script (voor jouw eigen overzicht).
Script description: Wat het script doet / aanpast (voor jouw eigen overzicht).
Script category: Wat voor type script het is (belangrijk voor wanneer het geactiveerd wordt m.b.t. jouw cookies)
Script code: Het daadwerkelijke script.
ℹ️ Zorg er voor dat jouw Script code begint met <script> en eindigt met
</script>.
Het script aanpassen
Zodra je het script hebt opgeslagen, wordt het getoond in jouw script overzicht.
Je kan het script aanpassen door er op te klikken:
Wil je het script verwijderen? Klik dan ook op het script, en daarna op het prullenbak icoon:
Voorbeelden
Chat(bots)
Intercom widget 👇
Waar je custom JavaScript o.a. nog meer voor kan gebruiken:
Custom (Elfsight) Widgets.
Calendy agenda's op een specifieke manier tonen.
Custom styling aanpassingen maken (CSS)