Using H5p with WordPress is an open source platform that has a suite of learning resources that can be created within our blog system.

The organization has an abundance of great examples on their website that can be explored. Creating branching scenarios, image hotspots, quizzes, interactive timelines, and interactive images are just a few of what can be created using their services.

View some additional examples below, or learn how to create your own.

Virtual Tour 360

This is an example of creating hotspots on a 360 degree photo, and either providing text info on certain areas (the + button), or providing links for further viewing (the arrow buttons). Links can be to separate webpages, or other images.

Branching Scenario

This is an example of H5Pā€™s Branching Scenario, aka Choose Your Own Adventure, in beta format, so bear with the bugs šŸ™‚

Image Juxtaposition

This is an example of the image juxtaposition, which can be useful for displaying before and after images.

Multiple Image Hotspots

This could be an example where you want a user to find or identify specific areas on an image. There is a status bar at the bottom to indicate the progress of how close a user is to finishing the task. View help pages on creating multiple image hotspots.