Een hotspot is een interactieve functie waarbij je op bepaalde punten in een afbeelding kunt klikken om extra informatie te zien.
Kort uitgelegd:

  • Je hebt één afbeelding (bijvoorbeeld een kaart, foto of diagram).
  • Op specifieke plekken staan bolletjes of iconen.
  • Als je op zo’n bolletje klikt verschijnt er uitleg, tekst, een link, een video of een detailfoto.

Wat doet een hotspot?

Hotspots maken informatie op een visuele en overzichtelijke manier toegankelijk door extra uitleg pas zichtbaar te maken wanneer je op een informatiebolletje klikt. Zo kunnen gebruikers gericht details ontdekken zonder dat de afbeelding zelf vol staat met tekst. Dit zorgt voor een interactieve en gebruiksvriendelijke manier van leren, presenteren of het verkennen van complexe onderwerpen.

Hotspot vrouwe Jusitia

afbeelding van vrouwe justitia met hotspots

Hoe maak je een hotspot?

Om een hotspot aan te maken heb je een afbeelding nodig. De afbeelding hanteert de standaard formaten vanuit het CMS. Op deze pagina vind je de afbeeldingsformaten in het CMS. Zorg ervoor dat je afbeelding een .jpg/.jpeg bestand is. Je afbeelding fungeert als de basis waar je de informatiebollen op weergeeft. 

  1. Upload je afbeelding in het CMS in de map 'Afbeeldingen > Hotspots' en zorg dat deze gepubliceerd is.
  2. Open de Hotspot tool onder 'Uitbreidingen'.
  3. Kies de optie om een nieuwe hotspot aan te maken.
  4. Selecteer de afbeelding die je wilt gebruiken.
  5. Je kan de informatiebollen met je rechtermuisknop invoeren waarna je deze kan openen om tekst in te voeren.
  6. Sla de aangemaakte hotspot op
  7. Navigeer naar de pagina waar je de hotspot wilt hebben en voeg het content blok '+ Hotspot' toe. 
  8. Je vindt de hotspot onder 'Verzamelingen > Componenten > Hotspots > [naam van je hotspot].

Het bewerken van een hotspot

Wanneer je de informatiebollen wilt verplaatsen ga je weer naar de hotspot-editor. Klik daarna op de drie puntjes bij de informatiebol en selecteer 'locatie wijzigen'. Je kan nu met je linker muisknop de nieuwe locatie bepalen. Let op: klik eerst op 'hotspot bijwerken' voordat je de locatie van een ander informatiebol wilt wijzgen.