Find Multiple Hotspots 


This question content type allows authors to create an image based test where the learner is to find the correct spots on an image.  

The features of this content type include
  • Upload an image for a specified task e.g. find all the fruits, molecules or kitchen tools in an image
  • The author can select how many correct hotspots need to be found before marking the question as complete. 
  • Hotspots can be defined as correct or incorrect and the author can provide feedback text in both cases.
  • The author can also define a feedback if the end user presses somewhere which is neither defined as an incorrect or correct hotspot.

Accessing H5P in Canvas


You can access H5P in Canvas through the Rich Content Editor (RCE), which is accessible via the edit view of Page, Assignment, Discussion Board, Announcement and Quiz questions. 

For this example, we will be adding H5P onto a Canvas page. The first thing you will need to do is either open the page you want to embed the H5P content into or create a new page. Then click the ‘Edit’ button which will open the RCE. (You will automatically go into edit mode if you create a new page.) 

Next, you will need to locate H5P in the RCE toolbar by clicking on the H5P icon.



Clicking on that H5P menu item highlighted in red will open a pop-up showing your H5P library.

Select Add Content




A search bar will pop up. Type in Find Multiple Hotspots 

Image Placeholder


Select Details and Use

The Find Multiple Hotspots editor will pop up

Image Placeholder


Add a Title 

Upload the image you want to add the hotspots to.


Image Placeholder

Now move to the Hotspot section of the editor 

Image Placeholder

Complete the Task Description e.g. select the vegetables in this image

Complete the Hotspot Name e.g. vegetables. 

Then fill in the number of correct hotspots that must be found for the question to be completed.  If this is left blank, it will default to the number of correct hotspots created.   

Image Placeholder

Now choose the figure (square or circle) for your hotspot.  
Fill the information if the hotspot will be a correct or incorrect one. 
If it is a correct one, tick the correct box. Then add the feedback to indicate the user has selected a correct hotspot.  
If it is an incorrect one, do not tick the correct box and add the feedback for the incorrect selection. 

Image Placeholder

Then place the shape of the hotspot around the item, in this case the carrot as this is a vegetable.  

You can also add feedback if the user selects an area that is neither a correct or incorrect hotspot.  

And you can provide feedback if the user selects an already correctly found hotspot 

Once you have added all the hotspots select Save and Insert