After clicking to create New H5P content locate the Find Multiple Hotspot content type and click Details, the information screen appears:
![](https://blogs.glowscotland.org.uk/glowblogs/public/h5pexamples/uploads/sites/9970/2022/02/12192333/1-Hotspot-Info.png)
Click Install:
![Screenshot Installed](https://blogs.glowscotland.org.uk/glowblogs/public/h5pexamples/uploads/sites/9970/2022/02/12192242/2-installed-message.png)
Then click Use, and the creation screen appears. Give your content a title:
![Screenshot Add Title](https://blogs.glowscotland.org.uk/glowblogs/public/h5pexamples/uploads/sites/9970/2022/02/12192620/3-add-title.png)
And click the Add button to add the image you want to use.
![Background Image Added](https://blogs.glowscotland.org.uk/glowblogs/public/h5pexamples/uploads/sites/9970/2022/02/12192712/4-background-image-added.png)
Click the Hotspots tab or the Next Step Hotspots button.
![Screenshot Add Hotspots](https://blogs.glowscotland.org.uk/glowblogs/public/h5pexamples/uploads/sites/9970/2022/02/12192909/5-add-hotspot.png)
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](https://blogs.glowscotland.org.uk/glowblogs/public/h5pexamples/uploads/sites/9970/2022/02/12193052/6-hotsport-details.png)
When you click Done you can resize and move the Hotspot:
![edit hotspot](https://blogs.glowscotland.org.uk/glowblogs/public/h5pexamples/uploads/sites/9970/2022/02/12193134/6.5-edit-hotspot.png)
Repeat for all the hotspots you need:
![Adding an incorrect hotspot](https://blogs.glowscotland.org.uk/glowblogs/public/h5pexamples/uploads/sites/9970/2022/02/12193214/7-incorrect-hotspot-details.png)
![All hotspots added screenshot](https://blogs.glowscotland.org.uk/glowblogs/public/h5pexamples/uploads/sites/9970/2022/02/12193357/8-all-hotspots-added.png)
Once we have added all the hot spots we need to create the content.
Creating Contents
![Create Button with options](https://blogs.glowscotland.org.uk/glowblogs/public/h5pexamples/uploads/sites/9970/2022/02/12193449/9-creat.png)
In this case we disallow the copying or downloading of content:
After clicking Create it can take a few moments for the content to be created.
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.
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](https://blogs.glowscotland.org.uk/glowblogs/public/h5pexamples/uploads/sites/9970/2022/02/24215609/Add-H5P-button-1024x286.png)
There are a lot more detailed tutorials for adding different content types on the Tutorials for authors page on the H5P site.