Divi Image Hotspot
(100% Divi Visual Builder Compatible)
Create custom hotspots to make your images more informative and interactive using the Divi visual builder. Use Divi Image hotspot module to display products features, visual guides, image maps, interactive image charts and graphs in easy and interactive way.
Update: 1.3 Releases
Hover Tooltip
I am on hover
Click Tooltip
I am on click
Static Tooltip
I am always visible
Static Tooltip
I am always visible
Click Tooltip
I am on click
Hover Tooltip
I am on hover
Modal 1 Title
I am on Modal
Modal 2 Title
I am on Modal
Unlimited Hotspots
Add as many hotspots on the image as you wish and position them anywhere on the image visually.
New: now you can set the tooltip to show on Hover, Click, Always, Modal.
Unlimited Customization
Provided bunch of options to customize each hotspot differently as you wish. Also provided responsive options for many controls to customize mobile experience easily.
Title Here
Content Here
Title Here
Content Here
Title Here
Content Here
Title Here
Content Here
Title Here
Content Here
Content in Tooltip or Modal
You can either display your content in the tooltip or in the Modal window.
* Since v1.2 Update.
Title Here
Donec sollicitudin molestie malesuada. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Nulla porttitor accumsan tincidunt. Sed porttitor lectus nibh. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Nulla porttitor accumsan tincidunt.
Title Here
Pellentesque in ipsum id orci porta dapibus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Pellentesque in ipsum id orci porta dapibus. Curabitur aliquet quam id dui posuere blandit. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Pellentesque in ipsum id orci porta dapibus. Vivamus suscipit tortor eget felis porttitor volutpat.
Title Here
Content Here
Title Here
Content Here
Title Here
Content Here
Static, Hover or Click to Open Tooltip & Mobile Positioning
You got the option to either display your tooltip on hover, click or Always. In this demo 3 tooltips are set to display always.
And also now you can adjust the tooltip position for Desktop, Tablet & Mobile separately to make it look good on all 3 sizes.
* Since v1.2 Update.
Static
Static Tooltip
I am always visible
Static Tooltip
I am always visible
Static Tooltip
I am always visible
On Hover
Hover Tooltip
I am on hover
Hover Tooltip
I am on hover
Hover Tooltip
I am on hover
On Click
Click Tooltip
I am on click
Click Tooltip
I am on click
Click Tooltip
I am on click
Mobile Positioning
Static Tooltip
I am always visible
Now You Draw Invisible Area As Pointers
Title Here
Content Here
Title Here
Content Here
Now You Add Images As Hotspot Pointers
Title Here
Content Here
Title Here
Content Here
Title Here
Content Here
Make Interactive Image Charts
Display data using chart and graph images, but with interactive details. Easy and Fast.
48%
Search Traffic
60%
Conversions
22%
Online Leads
Why Choose Us
Display Features in an interactive way
Re-Engergize
That this group would somehow form a family the way we all became the Brady Bunch.
Strength Building
That this group would somehow form a family the way we all became the Brady Bunch.
Mind & Soul
That this group would somehow form a family the way we all became the Brady Bunch.
Beauty of Body
That this group would somehow form a family the way we all became the Brady Bunch.
Child Care
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et congue turpis. Integer sed cursus
Online Booking
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et congue turpis. Integer sed cursus
Community
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et congue turpis. Integer sed cursus
24/7 Availability
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et congue turpis. Integer sed cursus
VEGETABLE JUICE
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
BUY 1, GET 1 FREE
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
SALE - 65% OFF
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
Make Interactive Image Maps
Now as google maps are no more free, you can use more attractive image maps using this plugin. Of course it won’t be an alternative to google map, however you can think about using it creatively.
Facebook headquarters
Menlo Park CA 94025 California, United States
Twitter headquarters
San Francisco, California, United States
Youtube headquarters
San Bruno, California, United States