Add H5P content into Canvas

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

For this example, we will be adding 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 select the ‘Edit’ button which will open the Rich Content Editor.

Next, you will need to locate H5P in the Rich Content Editor toolbar by clicking on the H5P icon.

Selecting that menu item will open a pop-up showing your H5P library. From here, you will have the option to either insert previously created content or create something new. 

If you are looking to insert some previously created content, simply select the green insert button and you will be taken back to the Rich Content Editor where you can view the H5P activity in the context of the page. If you are happy with it, select the ‘Save’ button in Canvas. 

If you are creating new content, select the blue ‘Add Content’ button on the top left of the pop-up. This will open the content-type selector.  

Choose which content type you want to use and then you will be given the option to create that H5P content type. The content type can be generally grouped into two distinct groups: ‘Activity’ and ‘Layout’. The next couple of pages in this resource collection expand on these content types and their benefits.

Once you have created your content, scroll to either the bottom or top of the pop-up window and choose either ‘Save and Insert’ if the content is ready to be embedded or ‘Save’ if you only want to save to your library at this point.  

If you select ‘Save and Insert’ or insert content from your H5P Library, you will be taken back to the Rich Content Editor where you can view the element in the context of the page. If you are happy with it, select the ‘Save’ button on the Canvas page.