Image hotspots add clickable points on a photo, each revealing a short explanation, a link or a product. They make a static image interactive and help visitors discover details they would otherwise miss. Here are ten ways to use them.
1. Shop the look
Outfits and room scenes where each item links to its product, see shoppable images and lookbooks.
2. Product tours
A photo of a machine, a bike or a piece of furniture with each feature explained.
3. Room and venue tours
Hotels, gîtes, event venues and coworking spaces: point out the equipment of each room.
4. Restaurant dishes
A table photo with each dish named and linked to the menu.
5. Renovation details
After a renovation, explain the materials and work done, next to a before / after slider.
6. Team photo
A group photo with a hotspot on each person linking to their profile.
7. Maps and plans
A simplified map of your area or a site plan with points of interest.
8. Packaging and bundles
Show what is inside a gift box or a bundle, item by item.
9. Step-by-step instructions
Number the hotspots to explain an installation or assembly in order.
10. Infographics
Add depth to a diagram: each hotspot gives a short explanation and a link to more.
Good practices
- Five to eight hotspots per image.
- Short texts.
- Keyboard accessible hotspots and readable cards on phones.
- A text list under the image when content matters.
Create your own with Spotly and see the demo.
Frequently asked questions
Are image hotspots good for SEO?
The image and surrounding text are indexed; a text list of items under the image adds indexable content.
Can hotspots be numbered?
Yes, numbered hotspots suit step-by-step instructions.
Do hotspots slow down the page?
Lightweight implementations add only a few kilobytes.