Adding H5P Interactive Content

H5P is a popular plugin used to create exciting, interactive content on the web. In Pressbooks, it’s most in demand to create interactive quizzes and other activities in open textbooks and other open educational resources. There are dozens of different kinds of content enabled by H5P. You can view all of them, as well as examples and more detailed instructions for creating the different types on the H5P website. (Note: they offer different installation and embedding options, but that’s all taken care of by Pressbooks – you just need to think of the exciting things you can create!)

Instructions for Adding H5P Elements to Your Book

  1. Navigate to the H5P Content menu and select Add New.
  2. Select a content type from the dropdown menu.
  3. If not already installed, click Get and follow the steps indicated (if necessary).
  4. Enter the information for your quiz/activity etc.
  5. Click on Create when you’re done!

Now that you’ve created your element, you can add it to your chapter. To do so:

  1. Copy the shortcode displayed in the top right of the screen.
  2. Navigate to the chapter where you would like to add the element.
  3. Paste the shortcode into place (you can do this in the visual editor, no need to switch to text).
  4. Save your chapter.
  5. View the web version to see the element in action.
  6. Export other desired formats to see the fallback message (e.g., how the H5P appears in a PDF, which is typically a link to the content online).

Here’s an example of creating a simple multiple-choice question:

Screenshot of the Pressbooks admin interface highlighting the action of going to H5P Content on the dashboard and selecting Add New.
Figure 3.11.1 Find the “Add New” option under the H5P Content menu.
Screentshot of the Pressbooks Admin interface highlighting the step to select your content type and select "Get" in order to download that content type.
Figure 3.11.2 Click on “Get” and follow steps to install content type.
Screentshot of the Pressbooks Admin page showing the interface for adding a multiple choice question in H5P
Figure 3.11.3 Enter your questions, answers and other info to create your quiz.
Screenshot of the Pressbooks Admin interface highlighting the shortcode on the right of the screen that should be copied to embed your H5P content into the book.
Figure 3.11.4 Once you’ve created your quiz, copy the shortcode indicated in the top right.
Screenshot of the Pressbooks Admin interface showing someone pasting copied shortcode into their book content.
Figure 3.11.5 Paste the shortcode into your chapter where you want your quiz to appear.
Screenshot of the H5P content embedded into a live book.
Figure 3.11.6 Save and view in the webbook.
Screenshot of a PDF of a Pressbooks page with H5P content on it. This will display a link for readers to view the content onlin.e.
Figure 3.11.7 Display in PDF
Screenshot of a epub version of a Pressbooks page with H5P content on it. This will display a link for readers to view the content onlin.e.
Figure 3.11.8 Display in epub
This section contains material from “H5P Interactive Content” in the Pressbooks User Guide by Pressbooks licensed under CC BY 4.0.

License

Icon for the Creative Commons Attribution 4.0 International License

MacEwan Open Textbook Authoring Guide Copyright © 2019 by MacEwan University Library is licensed under a Creative Commons Attribution 4.0 International License, except where otherwise noted.