"Pin & Answer" / "Hotspot Quiz"

Authors upload a background image and place clickable pins anywhere on it by clicking directly in edit mode. Each pin opens a question modal for learners. Pins support three question types — single select, multi select, and free text — and four label styles: auto-number, SVG icon (from a built-in library of 16), custom text, or a pasted SVG/image URL. Pins can be dragged to reposition and carry their own media (image, video, audio) for both the question and the answer/explanation.

The interactive includes an optional start screen overlay with customizable text, opacity, colour, and a draggable Start button.

A heading above the image supports size, colour, alignment, and bold controls.

Pin appearance (size, colour, pulse ring) is controlled globally from the settings panel.

Learners select a pin and answer in a modal over the image. After a marked response, the modal can show correctness and your explanation.

A status line and progress bar show how many questions learners answered correctly.

The free-text option accepts any submitted response. Use it for reflections where you do not need one correct answer.

Pick single-select for one correct choice. Pick multi-select when more than one choice applies.

Pick SVG Image Map with Popups when clickable areas must follow custom shapes. Pick System Demo or Product Walkthrough for a guided tour across multiple screens.