Try it yourself!
Zones interactives d'image
Ajoutez des points d'intérêt interactifs aux images
Ready to create your own
Zones interactives d'image
?
Create engaging, interactive learning experiences with H5P. Get started with a free trial.
What is H5P Image Hotspots?
H5P Image Hotspots is an interactive image tool for adding clickable points to photographs, illustrations, diagrams and maps. Each hotspot can reveal explanatory text, images, audio, video or links, helping learners explore information at their own pace. It is useful for visual explanations, guided exploration and making complex subjects easier to understand.
How to create an Image Hotspots
Sign in to H5P.com and open your content library.
Select Add content and choose Image Hotspots.
Add the main image learners will explore.
Add a hotspot and position it over the relevant part of the image.
Add the information learners should see when they select the hotspot, such as text, images, audio, video or a link.
Repeat the process for each hotspot and choose suitable icons where needed.
Preview and test the activity, then select Save.
Ways to use Image Hotspots
Explore a diagram
Add hotspots to the parts of a scientific, technical or business diagram to provide explanations and examples.
Create an interactive map
Place hotspots on a map to introduce locations, regions, events or areas of interest.
Label equipment or systems
Use a photograph of equipment, machinery or software to explain what each part does.
Guide a visual walkthrough
Number hotspots in a chosen order to guide learners through a procedure, timeline or step-by-step process.
Frequently asked questions
What can H5P Image Hotspots be used for?
It can be used to create interactive images, diagrams, maps, product explainers, visual tutorials and guided walkthroughs.
What can I add inside an Image Hotspot?
You can add supporting content such as text, images, audio, video and links to provide more information about each area of the main image.
Can I add more than one hotspot to an image?
Yes. You can add multiple hotspots and position each one over a different area of the image.
Can I customise the hotspot icons?
Yes. H5P.com allows you to assign a custom icon to individual hotspots, helping learners distinguish between different types of information.
Can I number Image Hotspots?
Yes. You can display hotspots as consecutive numbers and control their order. This is useful for procedures, timelines and guided visual explanations.
Does H5P Image Hotspots support learner progress or resuming?
Image Hotspots does not currently support the H5P.com content resume feature. Learners can still explore the interactive image and its hotspots when the content is opened again.
Details
Accessibility
WCAG 2.2 AA
Supported
Compatibility
Browser restrictions
No restrictions









