{"id":88,"date":"2019-10-10T18:24:03","date_gmt":"2019-10-10T22:24:03","guid":{"rendered":"https:\/\/openbooks.macewan.ca\/authorsguide\/chapter\/adding-h5p-interactive-content\/"},"modified":"2026-01-13T16:36:14","modified_gmt":"2026-01-13T21:36:14","slug":"adding-h5p-interactive-content","status":"publish","type":"chapter","link":"https:\/\/openbooks.macewan.ca\/authorsguide\/chapter\/adding-h5p-interactive-content\/","title":{"raw":"Adding H5P Interactive Content","rendered":"Adding H5P Interactive Content"},"content":{"raw":"
H5P is a popular plugin used to create exciting, interactive content on the web. In Pressbooks, it\u2019s 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<\/a>. (Note: they offer different installation and embedding options, but that\u2019s all taken care of by Pressbooks \u2013 you just need to think of the exciting things you can create!)<\/section><\/div>\r\n
<\/section>\r\n

Instructions for Adding H5P Elements to Your Book<\/h2>\r\n
\r\n
    \r\n \t
  1. Navigate to the H5P Content menu and select Add New<\/strong>.<\/li>\r\n \t
  2. Select a content type from the dropdown menu.<\/li>\r\n \t
  3. If not already installed, click Get<\/strong> and follow the steps indicated (if necessary).<\/li>\r\n \t
  4. Enter the information for your quiz\/activity etc.<\/li>\r\n \t
  5. Click on Create<\/strong> when you\u2019re done!<\/li>\r\n<\/ol>\r\nNow that you\u2019ve created your element, you can add it to your chapter. To do so:\r\n
      \r\n \t
    1. Copy the shortcode displayed in the top right of the screen.<\/li>\r\n \t
    2. Navigate to the chapter where you would like to add the element.<\/li>\r\n \t
    3. Paste the shortcode into place (you can do this in the visual editor, no need to switch to text).<\/li>\r\n \t
    4. Save<\/strong> your chapter.<\/li>\r\n \t
    5. View the web version to see the element in action.<\/li>\r\n \t
    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).<\/li>\r\n<\/ol>\r\nHere\u2019s an example of creating a simple multiple-choice question:\r\n\r\n[caption id=\"attachment_80\" align=\"aligncenter\" width=\"500\"]\"Screenshot Figure 3.11.1 Find the \u201cAdd New\u201d option under the H5P Content menu.[\/caption]\r\n
      \r\n\r\n[caption id=\"attachment_82\" align=\"aligncenter\" width=\"500\"]\"Screenshot Figure 3.11.2 Click on \u201cGet\u201d and follow steps to install content type.[\/caption]\r\n\r\n[caption id=\"attachment_82\" align=\"aligncenter\" width=\"500\"]\"Screentshot Figure 3.11.3 Enter your questions, answers and other info to create your quiz.[\/caption]\r\n\r\n<\/figcaption><\/figure>\r\n
      \r\n\r\n[caption id=\"attachment_83\" align=\"aligncenter\" width=\"500\"]\"Screenshot Figure 3.11.4 Once you\u2019ve created your quiz, copy the shortcode indicated in the top right.[\/caption]\r\n\r\n<\/figcaption><\/figure>\r\n
      \r\n\r\n[caption id=\"attachment_84\" align=\"aligncenter\" width=\"500\"]\"Screenshot Figure 3.11.5 Paste the shortcode into your chapter where you want your quiz to appear.[\/caption]<\/figure>\r\n
      \r\n\r\n[caption id=\"attachment_85\" align=\"aligncenter\" width=\"500\"]\"Screenshot Figure 3.11.6 Save and view in the webbook.[\/caption]\r\n\r\n<\/figcaption><\/figure>\r\n
      \r\n\r\n[caption id=\"attachment_87\" align=\"aligncenter\" width=\"500\"]\"Screenshot Figure 3.11.7 Display in PDF[\/caption]\r\n\r\n[caption id=\"attachment_87\" align=\"aligncenter\" width=\"500\"]\"Screenshot Figure 3.11.8 Display in epub[\/caption]<\/figure>\r\n<\/section><\/div>\r\n
      \r\n
      \r\n
      \r\n
      \r\n
      This section contains material from \"H5P Interactive Content<\/a>\" in the Pressbooks User Guide<\/a> by Pressbooks<\/a>\u00a0licensed under CC BY 4.0<\/a>.<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","rendered":"
      \n
      H5P is a popular plugin used to create exciting, interactive content on the web. In Pressbooks, it\u2019s 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<\/a>. (Note: they offer different installation and embedding options, but that\u2019s all taken care of by Pressbooks \u2013 you just need to think of the exciting things you can create!)<\/section>\n<\/div>\n
      <\/section>\n

      Instructions for Adding H5P Elements to Your Book<\/h2>\n
      \n
      \n
        \n
      1. Navigate to the H5P Content menu and select Add New<\/strong>.<\/li>\n
      2. Select a content type from the dropdown menu.<\/li>\n
      3. If not already installed, click Get<\/strong> and follow the steps indicated (if necessary).<\/li>\n
      4. Enter the information for your quiz\/activity etc.<\/li>\n
      5. Click on Create<\/strong> when you\u2019re done!<\/li>\n<\/ol>\n

        Now that you\u2019ve created your element, you can add it to your chapter. To do so:<\/p>\n

          \n
        1. Copy the shortcode displayed in the top right of the screen.<\/li>\n
        2. Navigate to the chapter where you would like to add the element.<\/li>\n
        3. Paste the shortcode into place (you can do this in the visual editor, no need to switch to text).<\/li>\n
        4. Save<\/strong> your chapter.<\/li>\n
        5. View the web version to see the element in action.<\/li>\n
        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).<\/li>\n<\/ol>\n

          Here\u2019s an example of creating a simple multiple-choice question:<\/p>\n

          \"Screenshot
          Figure 3.11.1 Find the \u201cAdd New\u201d option under the H5P Content menu.<\/figcaption><\/figure>\n
          \n
          \"Screenshot
          Figure 3.11.2 Click on \u201cGet\u201d and follow steps to install content type.<\/figcaption><\/figure>\n
          \"Screentshot
          Figure 3.11.3 Enter your questions, answers and other info to create your quiz.<\/figcaption><\/figure>\n<\/figcaption><\/figure>\n
          \n
          \"Screenshot
          Figure 3.11.4 Once you\u2019ve created your quiz, copy the shortcode indicated in the top right.<\/figcaption><\/figure>\n<\/figcaption><\/figure>\n
          \n
          \"Screenshot
          Figure 3.11.5 Paste the shortcode into your chapter where you want your quiz to appear.<\/figcaption><\/figure>\n<\/figure>\n
          \n
          \"Screenshot
          Figure 3.11.6 Save and view in the webbook.<\/figcaption><\/figure>\n<\/figcaption><\/figure>\n
          \n
          \"Screenshot
          Figure 3.11.7 Display in PDF<\/figcaption><\/figure>\n
          \"Screenshot
          Figure 3.11.8 Display in epub<\/figcaption><\/figure>\n<\/figure>\n<\/section>\n<\/div>\n
          \n
          \n
          \n
          \n
          This section contains material from “H5P Interactive Content<\/a>” in the Pressbooks User Guide<\/a> by Pressbooks<\/a>\u00a0licensed under CC BY 4.0<\/a>.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":4,"menu_order":10,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-88","chapter","type-chapter","status-publish","hentry"],"part":33,"_links":{"self":[{"href":"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-json\/pressbooks\/v2\/chapters\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-json\/wp\/v2\/users\/4"}],"version-history":[{"count":2,"href":"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-json\/pressbooks\/v2\/chapters\/88\/revisions"}],"predecessor-version":[{"id":189,"href":"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-json\/pressbooks\/v2\/chapters\/88\/revisions\/189"}],"part":[{"href":"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-json\/pressbooks\/v2\/parts\/33"}],"metadata":[{"href":"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-json\/pressbooks\/v2\/chapters\/88\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-json\/wp\/v2\/media?parent=88"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-json\/pressbooks\/v2\/chapter-type?post=88"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-json\/wp\/v2\/contributor?post=88"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-json\/wp\/v2\/license?post=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}