Visit the Dashboard and create a new H5P object using the “H5P Content” option in the left-hand menu. If you're new to using H5P, we encourage you to choose one from the following list:
- Interactive Video
- Image Juxtaposition
- Image Hotspots
- Image Slider
Clicking on the “details” button to the right of any tool will let you see a little more about what it does, including a “content demo” that shows you the expected result. You can also visit h5p.org to see more demonstrations of the types of content you can create.
Once you have selected an H5P option, a new set of tools will appear. You’ll most likely see a dialog box that asks you to upload, name, and organize any content you plan to use. Have images and other content prepared ahead of time so that you don’t lose your work halfway through. There is no easy way to save a draft.
Creating an H5P Object
Follow the steps in the dialog box to build your content, and click “create” at the top right when finished.
Upon creation, you will see a sample of your finished object, and at right, a “shortcode”. Write down or copy the shortcode in its entirety — brackets and all. You will need the shortcode to place your H5P object within a page or post.