Photo Hotspots
Photo Hotspots
Type
Component
Plateforme
Framer
Créé en
2026
Type
Component
Plateforme
Framer
Créé en
2026

Posez des marqueurs cliquables n’importe où sur une image, chacun ouvrant sa fiche
Photo Hotspots transforme une image en diagramme interactif : placez des marqueurs où vous voulez sur une photo, un packshot, une carte ou un plan, et chacun ouvre une fiche avec titre, description et lien ou bouton optionnel. Les marqueurs sont positionnés en pourcentage X/Y, donc ils tiennent leur place quand l’image se redimensionne.
Les labels s’affichent toujours, au hover ou au clic, avec la possibilité de garder plusieurs fiches ouvertes. Chaque hotspot a son propre lien (page, ancre de section, ou URL) et se style individuellement. En mode CMS, dix slots de position et de texte sont bindables.
Marqueurs et fiches
Mode manuel avec un nombre illimité de marqueurs en X/Y %, mode CMS avec 10 slots bindables
Titre, sous-titre, lien et libellé de bouton par hotspot, les hotspots vides sont masqués
Label Always, Hover ou Click, avec fermeture au clic extérieur et un toggle Keep Open
Position de la fiche (haut, bas, gauche, droite) avec alignement et offset
Style des points et des fiches
Fiche stylable : fill, blur dépoli, radius, border, ombre
Point stylable : couleur, états hover, taille, blur, border, ombre
1 à 3 anneaux en plein ou en contour, avec animation sonar optionnelle
Typographie via le sélecteur de police Framer, avec text-shadow
Lien et performance
Toute la fiche en lien, ou un bouton CTA stylé
Preview compatible statique, interactions limitées aux points et boutons

