Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Include Page
Training_Page_Header
Training_Page_Header

This refers to Moodle 3.10. from September 2021 onward 4.3 from August 2024 onward 

How to embed H5P into an existing Moodle resource (e.g. Page or Book)

The information on this page assumes you have previously created H5P interactive content in your content bank.

...

Tutorials on how to do this are available in the H5P Demo Page.

1. Enable the 'Edit mode' toggle switch in your module. 

...

Edit mode slider with edit enabledImage Added

2. Select 'Edit' button

...

for the Moodle resource (e.g. ‘Page’ or ‘Book’)

...

 then select Edit Settings from the menu that appears.

Edit menu for an activity or resourceImage Added

If this does not already exist, click on the 'Add an activity or resource' button and select the resource you would like to add.

Add an activity or resource buttonImage Added

3. Once you are in the resource, in the Atto text editor, click on the 'H5P' button in the text editor to embed an H5P activity from your content bank.

Example of the H5P button in the atto text editorImage Removed

...

Atto text editor with H5P selectedImage Added

4. This will open up a pop-up. Select 'Browse repositories'.

Insert H5P pop upImage Added

5. A new pop-up will then open. Make sure 'Content bank' is selected on the left side. Click on the H5P activity to select it.

Image Added

6. A new pop-up will then appear. At the top, you are asked whether you want to 'Make a copy of the file' or 'Link to the file'. You will want to select the 'Link to the file' option otherwise you will have two copies of the same H5P activity in the content bank.

7. There are then options to change the name of the file under 'Save as', change the default 'Author' as well as 'Choose licence'.

8. When happy with these settings, click on the 'Select this file' button to add your activity.

Changing the H5P file settingsImage Added

9. If desired continue adding additional content to your Moodle resource.

10. When you have finished

...

, click 'Save and return to module' or 'Save and display'.

'Save and return to module' or 'Save and display' buttonsImage Added

11. When you have finished editing, don't forget to disable the 'Edit mode' toggle switch.

Note: H5P content embedded using the text editor do does not appear in the module’s gradebook.

Please note: If you are creating a new 'Page', 'Book' or other resource where you can embed H5P. You will need to follow the steps above (apart from the first two bullet points). 


Other help pages on this topic:

Content by Label
showLabelsfalse
showSpacefalse
excludeCurrenttrue
cqllabel = "moodle_h5p"