csusm logo
Step 1: Activate your CSUSM H5P Account

The first step to creating interactive content using H5P is to activate your CSUSM H5P account.

  1. Email the IDS Team at cchelp@csusm.edu to request an H5P account.
  2. You will receive an email invitation to access your account and create a password.
  3. Once your account has been activated, complete this form to request H5P be added to your courses.
Sample email text

Step 2: Create an Assignment in Canvas

Use H5P in a Canvas assignment so that a grade for interaction with the H5P content is recorded in the Canvas gradebook.

  1. In your Canvas course, navigate to the Assignments Index.
  2. Select the + Assignment button.
Add Assignment button

Step 3: Enter Points

Enter the points possible for this assignment. Please note that the points possible for the assignment may not match the points possible in H5P. Canvas will re-calculate the H5P points to match the points possible set in the Canvas assignment. For example, the Canvas assignment is set to 10 points. The H5P activity includes 5 questions for a total of 5 points possible. A student answers 4 questions correctly, so they will receive 8 points in the Canvas gradebook.

If you are weighting your gradebook, select the assignment group.

Add points in assignment settings

Step 4: Set Submission Type
  1. Set the Submission Type to External Tool then click Find.
  2. Locate and choose H5P from the list of apps.
Add external tool as submission type in assignment settings

Step 5: Insert Content

After selecting H5P from the list of apps, the H5P application will open in the Canvas window.

  1. Select Add Content to create new H5P content or
  2. Select Insert to add existing H5P content.
Insert new or existing content from H5P external tool

Step 6: Verify the URL

Visually verify that the H5P URL to your content has been inserted into the URL field of the external tool configurator. Click Select.

Note: Uncheck the "Load in a new tab" box to embed the H5P activity directly in the Canvas interface.

Verify URL

Step 7: Save & Publish

Now you are ready to save and publish your H5P interactive assignment!

Be sure to set or enter applicable assignment settings not covered in this article (i.e., description, assignment group, grade display, attempts, etc.) before saving and publishing.

Save and publish button in the Canvas Assignment

If you have questions, please reach out to us directly at cchelp@csusm.edu.