Documentation How to use Draw Attention Getting Started First steps with Draw Attention Installing and activating Draw Attention Pro Create your first Draw Attention image The Basics How to use Draw Attention Adding an Image Drawing a hotspot Adding Color – General Settings Adding Color – Highlighting Hotspots Showing hotspots in different colors (sold vs available example) Displaying Draw Attention images in any post or page (or page builder) with a shortcode Beyond the Basics How to do more with Draw Attention Linking Draw Attention Images Showing hotspots in different colors (sold vs available example) Adding Links to the More Info Area Connecting two hotspots on an image Duplicating (or cloning) a Draw Attention image Linking directly to a hotspot Importing & Exporting Images – Moving images from one site to another Advanced Use How to customize Draw Attention with code Helpful CSS Snippets Customizing Draw Attention CSS Pasting image map coordinates for clickable areas in Draw Attention Troubleshooting Start here when things go wrong Paragraph Tags Being Added Between HTML Hotspots out of place or incorrectly sized Image never loads, just shows loading animation JavaScript Error displays or flashes beneath the Draw Attention image Troubleshooting conflicts with other plugins or with your theme Unable to edit or create a Draw Attention image Unable to add more hotspots to an image Error message: You need to define some clickable areas for your image FAQs Frequently Asked Questions Why is (or isn’t) the “More Info” area showing up on my image? Can you please send me an invoice? Draw Attention: Free vs. Pro – What’s the difference? If I upgrade from free to pro, will I lose my images and hotspots? What if I didn’t get my license key? Can I upgrade to an unlimited license? What happens after my license expires?