Back to Getting Started Guides

This guide applies to:

  • Basic
  • Professional

Introduction

Our Premium plugin walkthrough will grant you an overview of where to locate certain features within Draw Attention and how to utilize them.

You can reach Draw Attention by heading to your WordPress Admin Dashboard > Draw Attention.

Select All Images from Draw Attention in WordPress Admin

This is where you can add interactive images, tweak their settings, and edit and remove as necessary. And, you can manage your license and import/export your interactive images as necessary.

The Free Draw Attention plugin only includes support for a single interactive image, thus it only includes the Import/Export portion of this guide.


All Images Tab

Within the All Images page, you will be able to see an overview of all of your created interactive images gathered in one place. This is where you can:

  • Edit your interactive images
  • Delete interactive images
  • View or Preview your interactive images
  • View and copy the Shortcode
  • Clone an interactive image

Learn how to create your first interactive image!

Display a list of Draw Attention images

Add New Tab

Adding an interactive image is as easy as 1-2-3. With all of the customizations we have to offer, you can customize the appearance of the interactive image to your liking.

Dive into learning how to customize your interactive image.

General Settings

The General Settings will allow you to:

  • Adjust your interactive image’s background color
  • Change the title color
  • Change the color of the text
  • Adjust the More Info background color
  • Add in text to the Default More Info area
General Settings of an interactive image

Highlight Styling

The Highlight Styling settings will allow you to:

  • Tweak the hotspot’s highlight color and opacity
  • Adjust the hotspot’s border
  • Set hotspots to always show
  • Define multiple highlight styles for the interactive image
Highlight styling options for the interactive image

Image

You will be able to upload or select your desired image from the media library for your interactive image.

Upload image for your interactive image

Apply Color Scheme

You can quickly assign a color scheme to your interactive image to save on time.

Select and apply a color scheme from a dropdown

Layout

Decide which layout is right for you.

Choose the interactive image layout

Copy Shortcode

Copy Shortcode

View and copy your shortcode to a page or post!

Dive into learning how to customize your interactive image.


License & Support

This page will allow you to manage your license to make sure you’re using the most updated version of this plugin.

And, if you have any questions, you can click on the Support links included in this page to get help.

Read more on managing your subscription and license key.

License & Support - A valid license will grant you access to updates and support.

Import / Export

Import or Export your interactive images to transfer them to a different WordPress site.

Learn how to import and export your interactive images.

Import/export interactive images to migrate across sites


Still stuck?

File a support ticket with our five-star support team to get more help.

File a ticket

  • Please provide any information that will be helpful in helping you get your issue fixed. What have you tried already? What results did you expect? What did you get instead?
  • This field is for validation purposes and should be left unchanged.


Related Guides