Skip to main content

Hotspot blind template

Written by Marie Xhauflair

The Hotspot blind template asks learners to find and click the correct region in an image. The regions are invisible to the learner, and every click gets correct or incorrect feedback.


Setting it up

You set up this template in the left panel and directly in the preview in Studio.

In the left panel

Show instructions (checkbox)

  • Adds an instruction line to the intro pop-up.

  • The line reads "Click on the correct region in the image. You have three attempts per region."

  • Uncheck it to hide the line.

Image*

  • The image learners search in.

  • Every region uses this same image.

  • Click Choose file to upload an image from your computer.

  • Click from library to use an image you uploaded before.


In the preview

You edit the intro, the regions and the feedback directly in the preview.

✏️ Tip

Use the ?, ✓ and × buttons above the intro to switch the preview between the questions, the correct feedback and the incorrect feedback.

Intro

  • The pop-up learners see before they start.

  • Click the heading or the text to edit it.

  • When Show instructions is on, the instruction line appears under the text.

Regions

  • Each region has its own slide with the image and a question underneath.

  • The dashed box on the image is the region learners need to click.

  • Drag the box to move it, and drag its edges to resize it.

  • Supertitle: the short label above the question. The default text is "Region: Supertitle".

  • Title: the question learners answer. The default text is "Region: Title".

  • Text: extra explanation under the question. The default text is "Region: Text".

Feedback

  • Each region has its own correct and incorrect feedback.

  • Learners see the correct feedback when they click inside the region, and the incorrect feedback when they click outside it.

  • Click the title or the text of the feedback to edit it.

  • The default correct feedback is "Absolutely correct!" with the text "Your expertise is shining through."

  • The default incorrect feedback is "Not quite right" with the text "Take a moment to reflect on your choice and give it another go."


Add, move and delete regions

  • Add a region: click the + card after the last region. The new region appears at a random spot on the image, so drag it into place.

  • Move a region: use the arrow left or arrow right button above the region.

  • Delete a region: click the red trash button above the region.


For image file types and sizes, see Media and asset guidelines.

Did this answer your question?