The #1 WordPress Plugin for Creating Interactive Images

Easy to use drawing tool for designing fully responsive image maps

Floorplan
Kitchen Bathroom Den Entryway Bedroom Living room

Kitchen

Image of kitchen

Photo by Aaron Huber on Unsplash

Bathroom

Image of bathroom

Photo by Aaron Huber on Unsplash

Den

Image of living room

Photo by Jacalyn Beales on Unsplash

Entryway

Image of mudroom

Photo by Douglas Sheppard on Unsplash

Bedroom

Image of bedroom

Photo by Felipe P. Lima Rizo on Unsplash

Living room

Image of living room

Photo by Nick Karvounis on Unsplash

Give it a try!

Click or tap the different rooms on the floorplan

Arrow pointing left to the interactive image floorplan.
WordPress Draw Attention® Plugin

Interactive Image Map Plugin Features

Easy drawing tools

Click to draw polygons, squares, and circles

Our drawing tools are easy to use, even to draw complex shapes. Just click on your image to draw your shape.

Easily adjust an existing point by simply dragging it with your mouse. You can draw shapes on images of any format – PNG, JPG, or GIF.

Video demonstrating the drawing tool’s ability to create a hotspot by clicking to draw a point.
Video demonstrating the colorful highlights of the hotspots in the completed interactive image.

Create colorful highlights

Draw attention to areas of your image

Draw any shape, from simple squares and triangles to complex shapes, and place them anywhere on your image.

The shapes you draw highlight as your user moves their mouse over the image or taps the area on a mobile device.

You can define the color and opacity of the shapes and control their style – make the shapes visible at all times or only reveal them after the user interacts with your image.

Customizable colors

Match your theme or color palette

Choose from over 20 pre-defined color schemes to quickly and easily create an interactive image. Or, create a complete custom color scheme that matches your theme or your image.

You can use multiple color schemes on a single image – great for showing different statuses or categories.

Create your styles, including color, opacity, border color, border width, and border opacity.

 
Video demonstrating the color customization options for hotspots in the image maps.
Video demonstrating the hotspot description layout options including the tooltip, lightbox, left, and right setups to display more information.

Layout options

Choose how you'd like your image content to display

Define how the additional information attached to your image should appear.

It can appear beside the image, on either the left or right, above or below the picture, or in a lightbox or tooltip. You can define the styles for the background color and text color of the additional information.

Fonts and font sizes are inherited from your theme for maximum compatibility.

 

Add additional information

Add more to each highlightable shape

Add a title and a featured image attached to each highlightable shape on your image.

You can also add styled text with the full-featured text editor. In addition, the text editor allows shortcodes, including video, audio, and image galleries. You have lots of flexibility!

Video demonstrating the hotspot editor’s fields including the Title, Action, and Description box.
Video demonstrating the hotspot’s “Go to URL” action. The user is taken to a designated URL after selecting the image maps hotspot.

Link to other pages

Add links to highlightable shapes

Instead of adding more information to each shape, you can optionally link each shape to another page, post, product, or more. You can link to other websites and choose to open the link in a new window or in the same window. You can also link to documents, forms, photos, and downloadable files.

More Features

Responsive

Draw Attention works on all devices and adjusts your image to screens of any size. Works great on touch screens, too.

SEO-Friendly

Draw Attention is SEO-Friendly, making it a fantastic way to add keyword-rich content to your website in a fun and interactive way.

Accessible

Your content is accessible to screen readers. All highlightable areas can be accessed by keyboard commands. Anyone on any device can use your interactive image.

Use Anywhere

Place your image into any page or post with a simple shortcode, or use our convenient Beaver Builder module. Easy to display wherever you’d like!
Video walkthrough of the Draw Attention plugin including all of it’s features and settings.

See Draw Attention in Action

Check out our demo video

  • Easy click to draw image hotspots
  • Draw complex shapes
  • Show more info or link users to another URL
  • Select custom colors for your hotspots
  • Choose from 6 unique layouts to display content
  • Place into any post or page
  • Use popular translation plugins such as WPML

Testimonials

What our awesome customers have to say

5/5

Professional Edition Pricing

Unlimited Websites

One Year License
$ 199
  • Unlimited Websites
  • Unlimited Interactive Images
  • Unlimited Clickable Areas
  • 20 Preset Color Schemes
  • 6 Layouts: Tooltip, Lightbox, Top, Bottom, Left, & Right
  • 1 Year of Updates and Priority Support
Best Offer

Single Website

One Year License
$ 99
  • Single Website
  • Unlimited Interactive Images
  • Unlimited Clickable Areas
  • 20 Preset Color Schemes
  • 6 Layouts: Tooltip, Lightbox, Top, Bottom, Left, & Right
  • 1 Year of Updates and Support

No risk, no questions asked. 30-day money-back guarantee.