If you are completely new to H5P, first check out the Help Article: What is H5P?

Accessing H5P in Canvas

You can access H5P in Canvas through the Rich Content Editor (RCE), which is accessible via the edit view of Page, Assignment, Discussion Board, Announcement and Quiz questions. 

For this example, we will add H5P onto a Canvas page.

The first thing you will need to do is either open the page you want to embed the H5P content into or create a new page.

Then click the ‘Edit’ button which will open the RCE. (You will automatically go into edit mode if you create a new page.) 

Next, you will need to locate H5P in the RCE toolbar by clicking on the H5P icon circled in red.

Image Placeholder

Clicking on the H5P icon will result in a screen popping up where you will have two options

  1. Add new content
  2. Insert previously created content

Adding Existing H5P content

If you want to insert some previously created content, go to My Content section where previously created H5P content is stored.

Scroll to the feature you want to insert and simply click the green Insert button.  You will then be taken back to the RCE where you can view the H5P content type in the context of the page. If you are happy with it, click the ‘Save’ button in Canvas. 


Adding New H5P Content

If you are creating new content, click the blue ‘Add Content’ button on the top left of the pop-up screen and this will open the H5P content-type selector.  You will then see a list of the H5P content types you can choose from.  


Choose which H5P content type you want to use and then you will be able to create it.

H5P content types are grouped into two distinct categories: 

  1. Layout content type.
  2. Activity content type. 
Instructions on the different content types available in each category, as well as the what, when and how to to create each different content type can be found here in our Learning Resources guides.  

Once you have created your H5P content, you have two options: 

  1. Scroll to the bottom or top of the pop-up window and choose either ‘Save and Insert’ if the content is ready to be embedded into your Canvas page. 
  2. Choose ‘Save’ if you only want to save it to your H5P library at this point and come back to it later.  

If you choose ‘Save and Insert’ you will be taken back to the RCE on your Canvas page where you can view the element in the context of the page. 


If you are happy with it, click the ‘Save’ button on the Canvas page. 

Image Placeholder

Instructions to create each different content type in H5P can be found here.