HotSpot Component
An interactive product preview element designed for immersive shopping experiences. This component displays a subtle focus point overlay on your main product image.
Make it with Workshop
Build your own component with AI
About this Component
Hotspot is a component in Framer that allows you to overlay interactive “hotspots” on images or other visual elements in your web design. These hotspots can show tooltips, links or contextual content when a user hovers over or clicks them. Key Features & Capabilities
Interactive overlaysYou can place clickable points (“hotspots”) on an image or element. When the visitor hovers or taps, additional content or links appear.
Content-rich tooltipsHotspots can display images, titles, descriptions, links, pricing, or custom HTML/content.
Customizable appearanceYou can style the hotspot icon, tooltip design, and how/when the content appears.
Link integrationEach hotspot can link to other pages, external URLs, product pages, etc.
Responsive & user-friendlyWorks across devices — desktop, tablet, and mobile — so users can interact with hotspots seamlessly.
