Blended Learning Help Site Banner

H5P Interactives

Creat fun and simple online interactive learning activities

Using the H5P Image Collage Tool

The Image Collage Tool is used to present more than one image in the same page. In this example three images are presented relating to the same topic (for example summer). This can be used to present visual content in the form of a collage display or as a way to present a snapshot of a topic or process from a lesson.

Click here to view an example of a H5P Image Collage Learning Object.

Note: Please see this guide on H5P if you would like an H5P introduction, and this guide if you want instructions on how to insert the H5P into your space. There is also a help guide video with an overview of creating an H5P here.

Step One: Creating your Collage

1. In the Learning Space choose the module you want the H5P to be in, click on New then New Document.


2. Click on the Insert Stuff button.


insert stuff icon in the HTML editor

3. Click H5P learning object.


H5P learning Object


4. Click Add Content.  


add content


5. Select Collage from the Content-type dropdown menu, then click use.





6. Add a title in the Title field. Make it something distinct and relevant.




7. Choose your desired layout from the layout list.




8. Click the add button to add images to the Collage.




Step Two: Saving and Sharing your H5P Learning Interactive

1. Adjust the height and spacing of your images.


spacing and height


2. At the bottom of the screen you can adjust your H5P's settings (you can leave these settings by default or make alterations):

1 - Display options: (previously 'Display and copyright buttons') What options do you want to be visible for the user, for example you can tick the display download button to enable students/staff to download the H5P to their own computer. You can also tick the Display embed button, which allows the user to embed the H5P into their HTML editor in VU Collaborate for example.

2 - Publish: This option allows you to make the H5P Unpublished (content can not be inserted into VUC), Protected (content can be inserted into VUC) or Public (visible to the public using a content link and the content can be inserted into LMS and be embedded). Protected is the default setting and it is recommended to leave this setting as it is. 

3 - Folder: (previously 'My Content') All your content will be saved in one spot, within a root folder.

4 - Collaborators: (previously 'Authors') In this setting you canadd and search for other collaborators and give them access to edit your H5P's. For example, if you are teaching a unit with another staff member and you would like them to have access to edit your H5P's, then you can use the search field to locate another staff member by typing in their full name. 

5 - Sharing: (previously called 'Select value') This is where you share your H5P with others, so they can view and clone your content. There is a folder allocated for each college, for example 'Arts and Education', select your College.

Note: To know more about Sharing and Collaborators, please see H5P Sharing and Collaboration.

6 - LTI Settings (previously 'Send Score to LMS') In this section you can link your H5P directly to VU Collaborate and also link it to your gradebook. It is recommended to leave this setting as it is, and NOT send the results to the gradebook.


Introduction to H5P title new


9. After adjusting your H5P object, you can click Save and Insert or Save.

Note: Display buttons will give users clickable buttons to embed your learning tool elsewhere, download the learning tool, and assign copyright to your tool. Copyright button enables users to display copyright button as part of the learning tool. 

Step Three: Previewing and Inserting Collage

1. Pressing Save will take you back to the H5P dashboard where you will see your new Collage Tool Learning Object, in your list of H5P objects. You can continue working on this object at any time by clicking on the Edit button. You can also Clone, Insert or Delete it from this menu.

2. If your collage is ready to be embedded in the content of your VU Collaborate Space, click Insert

collage insert


3. Next page will show you a student's perspective preview of the tool. Click Insert once more to finish inserting the collage.


Further Support

Visit the VU Collaborate Help site at for up to date information and resources on blended learning or email This email address is being protected from spambots. You need JavaScript enabled to view it..

Contact ITS Service Desk on (03) 9919 2777 or via self-service for further technical support.

Admin Only