Content Block

Image with Hotspots

An interactive image with draggable markers — each hotspot shows a label or description on hover.

Image with Hotspots is useful for facility maps, product diagrams, campus maps, and interactive infographics. Editors place markers visually on the image in the editor, then add a title and description for each point.

• Location: Block inserter → CORA → Image with Hotspots

How to use it

1. Add the block — Add Image with Hotspots to the page
2. Upload an image — Select your base image from the media library
3. Add hotspots — Click anywhere on the image preview to place a marker
4. Label each hotspot — Add a title and description per marker in the block sidebar
5. Publish — Visitors interact with markers on the frontend