Select Page

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

New Features

Now You Draw Invisible Area As Pointers

Title Here

Content Here

Title Here

Content Here

New Features

Now You Add Images As Hotspot Pointers

pointer

Title Here

Content Here

pointer

Title Here

Content Here

pointer

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

Perspiciatis unde omnis iste natus sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae. Ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia
\

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.

\
Peace of mindMind & Soul

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.

Display Services Interactively
Lorem ipsum dolor sit amet, sit te ferri habemus constituto, simul fuisset pro ad. Ut perpetua moderatius sit. Mea ne dicta laoreet oporteat. Verterem ocurreret liberavisse ne usu, omnis atomorum nam in. Aliquam salutatus pro
\
Child Care

Child Care

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et congue turpis. Integer sed cursus<br />

\
Online Booking

Online Booking

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et congue turpis. Integer sed cursus<br />

\
Community

Community

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et congue turpis. Integer sed cursus<br />

\
24/7 Availability

24/7 Availability

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et congue turpis. Integer sed cursus<br />

Hotspot Products on images
You can also link individual products from single image nicely like this example, think creatively and you will get many use cases like this.
×

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

Divi Image Hotspot