A single image can carry a lot of information, a product with a dozen features, a screenshot of an app, a floor plan, a styled room full of things people might want to buy. The problem is that a flat image cannot explain itself. You either caption it to death or split it into a wall of text beside it.
Image Hotspot Pro turns any image into something people actually explore. Drop clickable markers anywhere on a photo, and each one opens a clean card with a title, description, optional image, and a button, with no code. It is available on the HubSpot Marketplace for $11.99.
Turn one photo into a clickable story
Place markers on a photo, screenshot, floor plan, or product shot, and each marker opens a small card with a title, description, an optional image, and a button. It is the easiest way to explain a product's features, walk users through a UI, label a map, or build a "shop the look", and you never touch a line of custom code.
Markers that never drift, cards that never overflow
This is where cheaper hotspot tools fall down. Image Hotspot Pro positions markers as percentages, so each one stays locked to the exact spot on the image even as it scales across desktop, tablet, and mobile. Tooltip cards flip automatically near any edge so they stay fully on-screen, never clipped. The classic hotspot bugs, solved.
Styled entirely from the editor
Every style is a setting. Choose a marker style, dot, ring, numbered, pin, plus, or your own Font Awesome icon, then set colors, shadow, fonts, padding, and an image overlay to darken busy photos so the markers read clearly. Colors and fonts inherit your theme, and you can color-code markers by category. No custom CSS, ever.
Mobile-ready and accessible
On phones, the markers shrink and each card becomes a clean, readable centered popup with an optional tappable list, so there are no tiny bubbles and nothing clipped off the edge of the screen. It uses real buttons, full keyboard support, and reduced-motion, and an optional in-page text list keeps the content accessible and SEO-friendly.
A few KB of vanilla JavaScript
Image Hotspot Pro ships as a few kilobytes of vanilla JavaScript, with no jQuery and no HubDB, so it stays fast and drops into any HubSpot theme. Multiple instances run happily on the same page, so you can use several interactive images without anything clashing.
What you can build with it
Product feature explainer. Pin markers to a product shot and let each one open a card describing a feature, with an image and a button.
Guided UI walkthrough. Numbered markers on a screenshot that walk users through an interface step by step, no video required.
Interactive map or floor plan. Label a venue, campus, or floor plan with markers that open details on demand, color-coded by category.
Shop the look. Mark each item in a lifestyle photo and link it to a product, turning one image into a clickable, shoppable story.
Works on any HubSpot portal
Image Hotspot Pro is a standalone module. Install it in any HubSpot CMS portal and drop it on any page, including website pages, landing pages, and blog posts. It works with all HubSpot plans, with no theme dependency, no jQuery, no HubDB, and no external libraries.
Get Image Hotspot Pro
Image Hotspot Pro is available on the HubSpot Marketplace for $11.99. See the full feature breakdown, or browse all Studio Nope modules.