How to create a Hotspot question?

Hot Spot refers to a pre-defined range of pixel coordinates within an image which when clicked indicates a correct answer. The Hotspot question allows the participants to indicate the answer by clicking a specific area of an image. 

Below are the steps to create a Hotspot question:

Go to Editor > Questions and Quizzes > Question Bank. Click on the 'Add New Question' button at the top right corner.

On the 'Create new Question' page, select 'Question Type' = Hotspot.


Enter the question text here

For the question, you can have various elements like Simple Text, Videos, Images, Links or Audio


If it's just a text question, then you can simply write it in the box


You can pose a question through a video as well. Choose videos of products, product demonstrations, customer feedback, customer stories and ask questions based on that. Click on the video icon. You can add your own videos to the question or videos from YouTube, Box, and Brainshark.

Learn how to add different videos to a question


Images or pictures can be sent with a question by clicking on the image icon. Then click on the 'Choose File' button to select the required files from the computer.

Learn how to add an image to the question


You can also insert a link with the question by clicking on the links icon. 

Learn how to embed a link into the question


You can also send an audio file with the question by clicking on the Audio icon.

Learn how to embed an audio file into the question

You can change the language of the question by clicking on the "Change Language" button at the top right corner of this section. It will open the following popup:

Choose the language to which you want to change and then click on the "Save" button.

Upload the image that you want the participants to click on. Do note that the maximum size of the image that you can upload is 2MB. Enter the question in the 'Question' area. 

Designate the correct area on the image by clicking on the outline. You might need multiple clicks to define the outline. Refer to the example in the screenshot above. 

Undo: This button lets you undo the last selection.

Clear Selection: This button allows you to clear the entire selection that you have made.

Change Image: This button allows you to change the image.

Question Feedback

Use ‘Feedback’ if you want to add additional information to a question. The feedback is visible only after the user has completed answering the questions in a quiz. You can add text, videos or images to feedback.

Select Categories

In SmartWinnr, every question requires at least one category. Categories are pre-defined by your administrator. You can select one or more categories that best defines a question. The screenshot below shows the categories and the values of those categories selected.

Once you have filled in the required details of the question, click on the 'Save New Question' button in order to save the question.

How do the participants see the question?

Once you have created the Hotspot question and sent this question to the participants, this is how it will appear on their mobile app. They can click on the image. If they point out the area correctly, they have answered the question correctly. 


Did this help answer your question?

thumbs up
thumbs down

Thanks for the feedback! 🙏🏽

Help by drift