Divi Hotspot transforms static images into interactive and engaging visuals by letting you place clickable “hotspots” over any image. Each hotspot can display tooltips, icons, images, or custom content on hover or click — ideal for product showcases, image maps, infographics, or interactive guides. Fully compatible with Divi Builder, this plugin adds visual depth and boosts user engagement without coding.
This is EXACTLY the same product as distributed by the developer. Sales Page
Note: This Product is Activated. Use the License Key "B5E0B5F8DD8689E6ACA49DD6E6E1A930" to Activate.
Divi Hotspot — Introduction
Divi Hotspot is a WordPress plugin module designed to turn ordinary images into interactive, information-rich experiences. Instead of having a static image, you can overlay multiple hotspot markers. When a user hovers over or clicks a hotspot, a tooltip appears — enabling you to embed extra details, images, icons, or links. This makes it powerful for product demos, detailed visuals, floor plans, visual storytelling, or any image where you want to give users the option to explore more information interactively.
The plugin integrates seamlessly with the Divi Builder interface. Once activated, you can add a “Hotspot” module in any Divi layout, choose an image, and place as many hotspots as needed. Each hotspot can be fully customized — icon, position, tooltip content, styling, animation — giving full control over appearance and behavior. This makes it accessible for non‑developers and powerful for designers wanting polished interactive image sections.
Key Features
- Interactive Hotspots on Images: Add multiple clickable or hoverable hotspot markers anywhere on an image, enabling interactive content overlays.
- Customizable Markers: Use icons, custom images, or text as hotspot markers. Adjust size, color, shape (circle, square, etc.), and positioning to fit your design.
- Rich Tooltip Content: Tooltips can include text descriptions, images, icons, or links — ideal for highlighting product features, explaining map areas, or adding contextual information.
- Position & Placement Control: Precisely place hotspots using pixel or percentage‑based coordinates so they align perfectly regardless of screen size or image dimensions.
- Animation & Hover Effects: Apply effects such as fade, slide, or pulse to hotspots or tooltips — adding visual dynamics and drawing attention to interactive areas.
- Responsive & Mobile‑Ready: Hotspots and tooltips adapt to different screen sizes, ensuring usability on desktop, tablet, and mobile. Touch or click triggers work on mobile devices too.
- Divi Builder Integration: The plugin adds a module to Divi Builder — you can build, preview, and adjust hotspots visually, without needing to code.
- Support for Multiple Hotspots per Image: On a single image, you can add many hotspots — useful for complex visuals, product variations, infographics, or interactive guides.
- Flexible Styling Options: Customize tooltip backgrounds, typography, icon colors, overlay styles, spacing, and more to match your site’s branding and aesthetic.
- Enhanced User Engagement: By inviting users to interact with images, the plugin elevates engagement, improves information delivery, and creates a more immersive user experience.
Getting Started
After installing and activating Divi Hotspot in your WordPress site with Divi Builder, open the page where you want to add interactive images. In Divi Builder, add a new module — choose the “Hotspot” module. Upload or select the base image that will contain hotspots.
Once the image is in place, begin placing hotspots by clicking on the image or entering coordinates manually. For each hotspot, choose a marker type (icon, image, or text), customize its appearance (size, color, shape), and add tooltip content — text, images, links, etc. Customize tooltip styling, positioning, and animation effects as needed.
Test the result in desktop, tablet, and mobile previews to confirm positioning and responsiveness. On mobile, ensure that touch/click triggers work properly and tooltips display as intended. Save or publish the page — the image with hotspots will now be interactive for visitors.
You can reuse hotspot configurations or create multiple hotspot-enabled images across your site. This flexibility makes the plugin suitable for product catalogs, interactive guides, educational content, maps, and more.
Summary
Divi Hotspot is a simple yet powerful tool that adds interactive hotspots to images, turning static visuals into dynamic, clickable experiences. With rich customization options, Divi Builder integration, responsive design, and flexible tooltip content, it helps you present detailed information visually and elegantly. Whether used for product showcases, interactive maps, portfolios, or infographics — this plugin enhances user engagement and improves the usability and appeal of image‑heavy content on your WordPress site.
- Categories: WordPress Plugins
- Tags: Divi Next
