Hot Spots

There is an interactive element aimed at identifying specific parts of an image such as countries on a map or the different strata of a volcano. Students may find it helpful to uncover a series of spots on a coloured background. The creative uses of this element are endless. 


Choose the background where you wish to place the hot spots.

  • Color: Choose one of the colours from the palette and set its opacity. In addition, you can choose any other color using the customized color configurator.
  • Gradient: Choose one of the gradients on the palette and set the opacity and the angle. In addition, you can choose any other gradient using the customized gradient configurator.
  • Image: If you decide to use an image as a background you will have the same configuration options as used for an image element. Read more about it in the related article.


You can add a title to your Hot Spots. If this element is in a small cell, the title will not be displayed directly, a button will appear for the title to be shown temporarily instead.

List of Hot Spots

You can add or delete the ones you require. If you create a new spot or select an existing one, you can edit the following:

  • Text: The content that will be displayed when you click on a hot spot.
  • Place element: Acts as a position selector and allows you to position the created spot on the background by clicking or dragging the positioner.
  • Icon: Each hot spot can have a different icon associated to it which increases the creative possibilities of the element.
  • Icon size: This allows you to select 5 different sizes which provides you with even greater control over the look of your interactive element.
  • Icon colour: You can create spots with different colours to provide them with a pedagogical meaning or simply use the color to contrast with the spot in terms of the background you have chosen. You can also try to lower the opacity of the spot and even make it completely transparent if you wish. The latter is especially useful if your background already incorporates graphic elements that indicate where to click. 

When an interactive element is displayed in the slide you can see that the spots have a certain ‘rebound effect’. This is to ensure they grab the student's attention and that the student knows that they are interactive elements. When you are near a hot spot the cursor will stop ‘bouncing’. This will allow the user to easily see which spots they have visited already and which ones not yet. 

Editing Hot Spot in accesible mode

  • If you choose a background image, you can add all the Alt text settings (alternative text and a long description).
  • You can assign a title by choosing from the different headings, so that your students can identify the exercise. Try not to repeat this title in the project section.
  • For each of the points of interest, you can also add descriptive text about the location of that point in the image.

See an example of the Hot Spots interactive in Accessibility mode.

Continue reading Types of elements

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us