What is the Hotspot template?

The Hotspot Template is a great way to engage and explain complex graphics for your learners with hotspots. When your learners roll over these hotspots, the text will appear. This means that you can explain complex graphics as your learners are viewing them!

Note: Before you begin creating your Hotspot Template, you’ll need to prepare your image or images - view the recommended image sizes here.

How do I use the Hotspot template?

Step 1: Select the ‘Hotspot’ Template from the ‘Presentation’ panel.

Step 2: Drag your ‘Hotspot’ Template into the Lesson Pathway. You will be prompted to give your new screen a title.

Step 3: Click the ‘Edit’ button.

Step 4: From the edit screen, you can choose to change your title, and enter a description. A description is optional and will appear under your title if you chose one.

Note: You can change the Tip Width, Tip Font Size, and Spot Radius of your Hotspots. Tip Width adjusts the horizontal size of the popup text area, Tip Font Size adjusts the size of all text, and Spot Radius adjusts the radius of your hotspot marks.

Note: Don’t forget to save your changes using the blue ‘Save’ button when you’re finished.

Step 5: Upload an image using the ‘Add Image’ button - view our image size recommendations.

Step 6: To start adding hotspots to your image, select the blue ‘Add Hotspot’ button.

Step 7: Use your mouse to drag and position your new hotspot.

When it’s in place, give your hotspot a title and description. You can also adjust the width and position of your hotspot, with position referring to which way the hotspot will pop up. For example, if you select ‘right’, your hotspot’s text will appear to the right of its marker when your learner rolls over it with their mouse.

Note: To add additional hotspots, repeat the process.

Step 8: Once you’re finished making changes, don’t forget to save your work.

Step 9: To preview your interactive template, click on the ‘preview’ icon.

Did this answer your question?