Learn how to add an image hotspot question to your ebook with Kotobee Author.

An Image Hotspot Question lets readers answer by clicking on a specific area inside an image. You can define one or more correct regions directly on your uploaded image. If the reader clicks inside any of these regions, the answer is marked as correct.

This type of question is especially useful for visual learning activities such as:

  • Identifying organs on an anatomy diagram.
  • Locating countries on a map.
  • Selecting parts of a machine or object.

Steps to Add an Image Hotspot Question

1. Go to the toolbox on the right-hand side of the screen and click on the Questions button.
The Insert/Edit Questions window will appear.

2. Enter a Title for the question set. This title will appear as the heading for the questions module.

3. Click on Response and select how the users receive the answers. :

  • Score only: Displays a score for the user after the answers are submitted. 
  • Score and answer report: Displays a detailed score report showing the correct and incorrect answers. 
  • Do nothing: Neither scores nor answers are given.

4. Click on the Image Hotspot button to add to your questions component. You can add as many questions as you like.

5. Upload your image and use your mouse to define the correct clickable area(s). You may add one or more hotspots to the same image. These regions will be used to evaluate whether the user’s click is correct or incorrect.

6. Fill in the question text, which will appear above the image. For example: “Click on the heart in this diagram.”

For each question, you can apply the following additions:

  • Add media: Attach an image or an audio file as part of the question. Images can provide visual context (such as diagrams or photos), while audio clips can add spoken instructions, pronunciations, or sound effects, making questions more interactive and accessible.
  • Add answer explanation: Displays further information/explanation after the questions are submitted. The explanation will appear in both cases: whether the question is answered correctly or incorrectly, and will appear under the answer choices.
  • Add reference: Guide the user to an external source through a "Learn more" button. This will appear right below the explanation (explained above) once the user's answers have been submitted.
  • Score weight: You can assign different weights for different questions in Kotobee Author. The default weight is 1. If all questions have the same score weight, this makes all the questions equal in terms of importance. In general, more important questions should receive higher score weights.
  • Add to Question Bank: Save the question to your personal question bank so you can easily reuse it in other quizzes or ebooks without recreating it from scratch. Note: This option only appears after you enter the question text.

7. Click on Create to finalize the questions portion.

Previewing your Question

Use the Preview tab in the Insert/Edit Questions window to see exactly how your question will appear to readers before saving.