Hotspot for Elementor

Static images can leave visitors guessing about the details they show. Hotspot for Elementor lets you place interactive markers directly on an image, then provide more information through tooltips. Markers can appear as icons, text labels, or images, so you can choose a display that suits the visual and the content.

Create tooltip content with the TinyMCE editor, or display posts and WooCommerce product information. Set tooltips to open on hover or click, and adjust marker and tooltip positions with offset controls. The plugin works with Elementor and supports visuals such as product showcases, real estate maps, educational materials, and project plans.

Features

• Interactive image markers: Add hotspots to images to point out locations, product details, course steps, project goals, or other information visitors may want to explore.
• Flexible marker styles: Display hotspots as icons, text labels, or images, with pulsing animation to draw attention to their position.
• Custom tooltip content: Write rich tooltip content with the TinyMCE editor, or show posts and WooCommerce product information dynamically.
• Hover or click triggers: Choose whether visitors open a tooltip by hovering over a hotspot or clicking it, with animation for the interaction.
• Positioning controls: Adjust hotspot and tooltip placement with positioning options and offsets to fit the image and page layout.
• Elementor integration: Use the plugin with Elementor to add hotspots to images through the page builder's drag-and-drop interface.

Best for

• Online shops with product showcases
• Real estate sites with maps
• Educators presenting course visuals