Osteo Image Hotspot for Elementor

Add interactive points to images to explain product features, provide instructions, or guide visitors through a tour. Each hotspot can share details, tips, or links when visitors hover or click, giving images an informational role on pages built with Elementor.

Customize hotspot colors and pointer icons to suit your page design, and add as many points as an image needs. The plugin also supports responsive layouts, right-to-left text direction, translation workflows with a .pot file, and Google Fonts for hotspot text.

Features

• Clickable image points: Place hotspots over an image and use them to reveal details, tips, or links when visitors hover or click.
• Multiple hotspots: Add as many interactive points as needed to an image, making it possible to cover several features or steps.
• Material design colors: Choose from 20 material design colors to coordinate hotspot points with the visual style of your page.
• Change pointer icons: Change the hotspot pointer icon to suit your design preferences and distinguish interactive points on an image.
• Responsive hotspots: Hotspots adapt to desktop and mobile layouts, so image annotations remain available across different screen sizes.
• Google Fonts support: Use Google Fonts to style text inside hotspots and align its typography with the rest of your page.
• Translation ready: The included .pot file supports translation workflows for sites that present hotspot content in multiple languages.

Best for

• Elementor-built product websites
• Instructional and educational sites
• Sites with interactive image tours