What is the Spot the Mistake template?

The ‘Spot the Mistakes’ Template is a great way to engage your learners. While this template works well to help identify problems or hazards, you don’t necessarily need a series of mistakes to create an effective challenge – you can also ask your learners to spot positive elements in an image.

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

How do I use the Spot the Mistake template?

Step 1: Select the ‘Spot the Mistake’ Template from the ‘Interactive/Challenge’ panel.

Step 2: Drag your ‘Spot the Mistake’ 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.

Step 5: To start building your ‘Spot the Mistake’ Template, upload an image using the ‘Add Image’ button - view recommended image sizes here.

Step 6: To add hotspots to your image, select the green ‘Add Hotspot’ button.

Step 7: Use your mouse to drag and position your new hotspot – it should appear as a green square. You can change the size of the square by clicking and dragging from its bottom right corner.

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: You can also rotate your hotspot’s position by clicking and dragging on the circular arrow at its top-right corner.

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

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

Did this answer your question?