Draw Attention Pro 3.1.6

Draw Attention Pro is a WordPress plugin for creating interactive images with easy drawing tools and highlight effects. By clicking or hovering/tapping a highlighted area, visitors can reveal extra content such as text, headlines, galleries, videos, or audio. It solves the challenge of turning static graphics into engaging, scannable experiences that work across devices.

Highlights can be configured with responsive layouts, customizable colors, and flexible placement, while each area can include rich editor content and shortcodes. Because interactive images are built for accessibility and SEO-friendly output, they fit neatly into modern WordPress and WooCommerce pages and help guide users to the next step.

Main Features

• Easy drawing tools — Click points to draw shapes, drag points to adjust, and move entire shapes using handles.
• Highlight any area of an image — Draw simple squares/triangles or complex shapes and place them anywhere on PNG, JPG, or GIF images.
• Customizable highlight colors — Use pre-defined color schemes or create custom styles controlling color, opacity, border color, and border width.
• Visibility controls — Keep highlights visible at all times or reveal them only on hover (desktop) or tap (mobile).
• Flexible information layout — Attach details beside the image, above/below, left/right, or in a lightbox or tooltip.
• Rich content per highlight — Add titles, featured images, styled text using the WordPress editor, and shortcodes for video, audio, and galleries.
• Links to pages and files — Link each highlighted shape to posts, pages, products, external URLs, documents, photos, or downloadable files.
• Responsive and touch-friendly — Interactive images automatically adapt to screen sizes and support touch interactions.
• Shortcode and Beaver Builder module — Place interactive images in pages/posts via shortcode or use the Beaver Builder module for page building.
• Accessibility-ready interactions — Designed for keyboard access so highlightable areas can be reached by screen readers and non-mouse users.

Benefits

• Higher engagement — Reveal contextual details on hover or click to keep users interacting with the content longer.
• Better UX clarity — Place tooltips/lightboxes or side panels so visitors can find information without cluttering the main page.
• More conversions — Link highlights to related pages, posts, or WooCommerce products to guide actions from the image.
• Improved SEO signals — Add structured, relevant text and media to highlights so search engines can associate details with the visual content.
• Consistent styling — Inherit fonts and align layout choices with your existing theme for a cohesive look.
• Inclusive usability — Keyboard-accessible highlight areas help ensure interactive content works for more visitors and devices.

Who is it suitable for?

• WooCommerce stores adding interactive product imagery and feature callouts.
• Marketing agencies building engaging landing pages for campaigns.
• Blogs and editorial sites enhancing infographics, walkthroughs, and guides.
• Portfolio sites presenting services or project details with interactive visuals.
• Online course providers supporting interactive lesson content and resources.
• Web designers and WordPress developers creating reusable visual experiences for clients.