Setting up H5P.com in Moodle (LTI 1.1)

To set up H5P.com in Moodle you need to:

1. Adding Moodle as a tool consumer in H5P.com
2. Add H5P.com as an "External Tool" in Moodle
3. Verify that it works
4. Automatic resizing of H5Ps

Part 1: Adding Moodle as a tool consumer in H5P.com

Step 1: Log in to H5P.com as an admin user with your e-mail address as user name and your password.

Step 2: Go to Manage Organization

Step 3: Go to "Connect LMS"

Step 4: Select your LMS. Fill in "Moodle" or something similar in the Connection name field, Choose LTI v1.1, and click "Save".
Note: If you want to use LTI v1.3 please follow this tutorial

Note down the data marked in the picture below: (1) URL to endpoint,(2) Key, and (3) Secret. You'll see the Secret by hovering over the eye icon.

Part 2: Add H5P.com as an "External Tool" in Moodle

Perform the following steps to add H5P.com as an external tool in Moodle:

1. Log into Moodle as an admin and go to Site Administration, on the top menu click on Plugins, within the Activity Modules section, find the External Tools subsection, and then click on Manage Tools.
2. Then add a new connection, under the "Add tool" menu, and click the "Alternatively, you can configure a tool manually" hyperlink.

1. Tool name can be anything, "H5P" or "H5P.com" for instance
2. Tool URL is found on the "Setup LTI" page on H5P.com, on the form "https://organization-subdomain.h5p.com/" where the organization is different for every customer. Important: Do not copy the "lti" part at the end, the URL must end with a slash "/".
3. Consumer key is called "Key" on H5P.com. 
4. Shared secret is called "Secret" on H5P.com(hover over the eye and double-click the secret to select it, then copy it)(Make sure you don't get any whitespaces when copying the key and secret)
5. For "Tool configuration usage" we recommend "Show in activity chooser and as a preconfigured tool"
6. For the default launch container we recommend "Embed, without blocks"
7. Click the small "Show more..." link.
8. Check the "Content-Item Message" checkbox
9. Under Services, select "Use this service for grade sync and column management" for the option "IMS LTI Assignment and Grade Services", to allow H5P.com to send grades back to Moodle.
10. Make any changes to the privacy settings. We recommend sharing the names and e-mails with H5P.com. If you have a limited number of author accounts it is important that you share the e-mail and that the e-mail you use in Moodle matches the one you use in H5P.com.
11. Save changes.

Important: If you get an "Invalid Signature" issue, might be because the Tool URL ends with "lti" instead of a slash "/". It should look something like this "https://organization.h5p.com/".

Part 4: Verify that it works

Step 1: Head over to a course and turn editing on by toggling the setting in the top right corner, then press the "Add an activity or resource" 

Step 2: Click on the Select Content button

Step 3: Find the Newly installed tool

Note: Make sure to select the tool with the name you just installed and not the preinstalled H5P plugins (not H5P or Interactive Content). You can also mark your tools as favorites by clicking the star icon (★), this way it'll be easier to locate them in the future. 

Step 2: Create or select any content and press "Insert".

Automatic resizing of H5Ps

If you experience problems with H5Ps getting unwanted scrollbars, it is probably because Moodle's default LTI implementation lacks support for LTI content having dynamic sizing. There's a Moodle plugin, though, that addresses this issue. The plugin is available here. Note that H5P did not create this plugin, but it implements LTI resizing the same way as other LMSes (e.g. Canvas and Brightspace).