Teken klikbare gebieden op elke afbeelding, voeg pop-ups toe met uitleg en links, en exporteer alles als kant-en-klare code voor je website. Zonder één regel te schrijven.
Van upload tot live op je website in enkele minuten. Geen technische kennis vereist.
Laad je plattegrond, infographic, productfoto of kaart. JPG, PNG en WEBP worden ondersteund.
Klik en sleep om rechthoeken, cirkels of vrije polygonen te tekenen. Voeg per gebied een titel, beschrijving en link toe.
Genereer de HTML/CSS/JS code met één klik. Kopieer en plak in je bestaande website. Geen plugins, geen frameworks.
Teken rechthoeken door te slepen, cirkels voor ronde gebieden, of vrije polygonen voor onregelmatige vormen. Punten zijn achteraf nog verplaatsbaar.
Elke hotspot krijgt een eigen pop-up met titel, beschrijving en optionele link. Stel de achtergrondkleur, randkleur en dikte individueel in.
Hotspots gebruiken genormaliseerde coördinaten en schalen perfect mee op elk schermformaat — van smartphone tot widescreen monitor.
Sla je project op als JSON-bestand en hervat later waar je gebleven bent. Handig voor terugkerende klanten of grote projecten.
De gegenereerde code is pure HTML, CSS en JavaScript. Geen dependencies, geen buildstap, geen abonnement.
Kopieer het blok en plak het in je pagina. Het werkt direct, ook in WordPress, Squarespace of een zelfgebouwde site.
Alles draait lokaal in de browser. Je afbeelding en data verlaten nooit je computer.
Toetsenbordnavigatie en ARIA-labels zijn ingebouwd. Hotspots werken ook zonder muis.
<!-- Hotspot Image Embed Geen plugins nodig. --> <div class="hs-container"> <img src="plattegrond.jpg"/> </div> <style> .hs-container { position: relative; width: 100%; } </style> <script> // Alle logica zit hier in // Responsief · Toegankelijk const hotspots = [...] </script>
Open de editor, upload je eerste afbeelding en zie hoe snel je interactieve hotspots kunt maken.
Open de Hotspot EditorWerkt direct in je browser · Geen installatie · 100% gratis