Try it yourself!

>

Zones interactives d'image

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
  1. Sign in to H5P.com and open your content library.

  2. Select Add content and choose Image Hotspots.

  3. Add the main image learners will explore.

  4. Add a hotspot and position it over the relevant part of the image.

  5. Add the information learners should see when they select the hotspot, such as text, images, audio, video or a link.

  6. Repeat the process for each hotspot and choose suitable icons where needed.

  7. 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

See how simple interactive lessons can be

Book a quick walkthrough with our team—we’ll show you how to create and track interactive learning in minutes.

See how simple interactive lessons can be

Book a quick walkthrough with our team—we’ll show you how to create and track interactive learning in minutes.

See how simple interactive lessons can be

Book a quick walkthrough with our team—we’ll show you how to create and track interactive learning in minutes.

H5P.org est là où notre histoire a commencé

né d'un mouvement open-source et alimenté par une communauté mondiale passionnée.

Déjà client ? Rejoignez la conversation dans notre communauté.

H5P.org est là où notre histoire a commencé

né d'un mouvement open-source et alimenté par une communauté mondiale passionnée.

Déjà client ? Rejoignez la conversation dans notre communauté.

H5P.org est là où notre histoire a commencé

né d'un mouvement open-source et alimenté par une communauté mondiale passionnée.

Déjà client ? Rejoignez la conversation dans notre communauté.