Encourage learners to engage with visual material and test their ability to identify things by their appearance.

Challenge learners to analyze visual information and do some serious thinking, often on a higher cognitive level than if they were to answer an easier question, such as a multiple choice question.

Show how things work in real life and help learners absorb and apply visual data to make decisions on the job.

Reduce the potential for cueing or guessing, since learners are free to click on any part of the image.

Select the hotspot question from the left-hand panel and add it to a section.

Add a question title and instructions. 

Add a background image

The recommended width is 880px. The image will be scaled in the learner’s view to fit the placeholder. Scrolls may be added for optimal learner experience. Keep the image under 5MB for the best loading speed.

The "Choose background image" option allows you to upload an image from your computer, your image library, stock images library, or add via the link.
Also, you can drag and drop an image as well as copy the image from your device with Ctrl+C/Cmd+C, select the image block so it becomes blue, and paste the image here with Ctrl+V/Cmd+V.

Please note that if you replace the image with this option, the alternative text you added to the image before will disappear.
​NOTE: copy-pasting images is not applicable in the Firefox browser

Click on the image and drag the selection to create a hotspot. You can select single or multiple response modes. 

Add feedback for correct and incorrect answers.

Optional: add a voice-over. 

The question instruction should be direct, and meaningful and state a specific problem that focuses on the learning objective. 

Make sure that each hotspot has a specific, clear-cut position on the image. 

Limit the number of hotspots to 5. More than 5 hotspots may be confusing.

Use good quality images so that learners can clearly see the required areas.