Back to Sidekick Plugins Guides

This guide applies to:

  • Basic
  • Professional


Draw Attention is compatible with Polylang. And, by using Polylang for translations, you can ensure that your interactive image’s content will be translated seamlessly.

Setting up Polylang for Translations

Learn how to set up Polylang so it is ready for translations.

Step 1: Install and Activate

Before we can start translating, let’s start by installing and activating Polylang. Head on over to your WordPress Admin Dashboard > Plugins > Add New and search for Polylang. Once you’ve located it, install and activate the plugin.

Locate, install, activate Polylang

Step 2: Select Languages

Once Polylang has been installed and activated, you will need to locate Languages on your dashboard. From here, you will select the languages that you wish to utilize, along with the original language for your site.

Select and add your languages.

Step 3: Fill out Language Fields

Once you’ve chosen your language, you will need to enter in the language’s full name, along with various other details if you wish.

You will need to repeat Steps 2 – 3 for any other languages you decide to add.

Step 4: Select Default Language

If you need to change your site’s default language, feel free to do so by selecting the star next to your preferred language.

Select default site language.

Step 5: Include Draw Attention in the Custom Post Types

Navigate to Languages > Settings, and select the Settings for Custom Post Types and Taxonomies. Select Draw Attention from this list and Save Changes.

Include Draw Attention in Custom Post Types setting.

Step 6: Translation Widget

Head on over to your Appearance > Widgets, or Appearance > Customize, and add the Language Switcher Widget to your site.

Allow your visitors to switch between languages. This will only appear when at least one interactive image has been published in that language.

Add Language Switcher widget to your site.

This helpful guide also goes over how to set up Polylang.

How to Translate Draw Attention

Now that you’ve set up Polylang and the widget, it is time to start translating!

Step 1: Create Your Interactive Image and Hotspots

Make sure that you have created your interactive image first and its hotspots in the original language.

If you haven’t yet, learn how to create your first interactive image here.

Step 2: Switch Language

After saving your interactive image, on the right-hand side there is a section labeled Languages. Click the dropdown and switch it to your second language.

Add second language.

Step 3: Recreate Your Hotspots and Manually Translate Text

Publish your translated interactive image so that you can create hotspots.

Recreate your hotspots and manually translate the hotspots and their descriptions to your desired language.

Translate your text.

Step 4: Visit the Original Interactive Image

Visit your original interactive image and scroll to where the Language Switcher widget is embedded on. Click the alternate translation to view the interactive image in that language.

Example: English

Original interactive image is in English.

Example: Translated to Spanish

Interactive image has been translated to Spanish.

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