Multiple Hotspot Creation Walk Through

After clicking to create New H5P content locate the Find Multiple Hotspot  content type and click Details, the information screen appears:

Click Install:

Screenshot Installed

Then click Use, and the creation screen appears. Give your content a title:

Screenshot Add Title

And click the Add button to add the image you want to use.

Background Image Added

Click the Hotspots tab or the Next Step Hotspots button.

Screenshot Add Hotspots

you can use the circle or square button at the top left to add a hotspot. When you do a dialog appears where you can indicate if the hotspot is the right one and give feedback:

hot spot details

When you click Done you can resize and move the Hotspot:

edit hotspot

Repeat for all the hotspots you need:

Adding an incorrect hotspot
All hotspots added screenshot

Once we have added all the hot spots we need to create the content.

Creating Contents

Create Button with options

In this case we disallow the copying or downloading of content:

Remove toolbar screenshot

After clicking Create it can take a few moments for the content to be created.

Created Content Hotspot

Publishing the Content on a Post or page

On this screen you can try out the content and copy the shortcode to add it to a post or page.

Testing the content

So here is the content, I just pasted [h5p id="16"] into the page editor:

You can also use the Insert H5P button on the classic editor toolbar.

Add H5P button in the editor screenshot

There are a lot more detailed tutorials for adding different content types on the Tutorials for authors page on the H5P site.

Report a Glow concern
Cookie policy  Privacy policy