Creating interactive content with H5P

Creating interactive content with H5P


I would not be surprised if you’ve never heard of H5P. In an eLearning market that has multiple dominant players like Articulate Storyline, Travantis Lectora, and Adobe Captivate, it’s tough for the “little guys” to get attention. But H5P has done exactly that – at least for me.

What makes H5P worth checking out?

For starters, it works well with common CMS (Content Management System) and LMS (Learning Management System) frameworks like Dupral, WordPress, and Moodle. You can install the HP5 plugin and create content from any of those platforms. They also offer an embedding feature so you can create various content types right from and then paste the code on your website.

And boy do they have content types!

I am impressed with the ever-growing selection of interactive “learning modules” they offer, like quizzes, drag ‘n drop, animated presentations, fill-in-the-blank, memory game, flash cards, charts, timelines, and more. I created some examples and embedded them below, but you can check out their full list right here.

Is it for everyone? No, it’s not.

To be clear, H5P is not for everyone. Small organizations, individuals, or even organizations with a “zero budget” for interactive content – all may find h5P to be a godsend. But it doesn’t have anywhere near the customization, connectivity, and freedom of more powerful tools such as Articulate 360, Captivate, or Lectora.

Still. It works well, and it’s free!

You won’t need to fork over hundreds of dollars to reap the benefits of using H5P. It is a completely free and open technology, licensed with the MIT license. Demos/downloads, tutorials and documentation are available for users who wants to join the community.

Enough talk. Show me some examples!

Mixed Quizzes

Here’s an example of the quizzing functionality in H5P. I’ve included some multiple choice, drag n’ drop, and select-all questions to showcase a variety of question types available. And, because I’m a Harry Potter fan, I had more fun with this than I should have.

Drag n Drop

A full-image version of the Drag and Drop content type. It’s worth mentioning that the shape and size of the “drop zone” is customizable.

Flash Cards

Use images to create flashcards and “flip” them as you would a real flashcard.

Drag the Word

Drag words to fill in the blanks. In this version, you’re completing sentences by matching the appropriate word.

Again, you can check out their full list right here.

Ready to get help creating your online course? Drop me a line. I’d love to talk to you.

Written by

Follow @unsplash

Instagram has returned empty data. Please authorize your Instagram account in the plugin settings .

I’m hiring!

I'm growing my team! If you have expertise in animation, illustration, graphic design, or creative writing - please introduce yourself. Bonus points if you have experience (or educational background) in instructional design, philosophy, health & fitness, wellness, nutrition, or a passion for futbol (soccer).


Instagram has returned empty data. Please authorize your Instagram account in the plugin settings .