h5p content on wordpress

How to Upload and Track H5P Content on WordPress?

Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on facebook
Share on twitter
Share on linkedin
Share on email
Share on print
Share on reddit

H5P is an interactive content tool and you can do amazing things with that. In this article, we’re going to learn how to add H5P Content on WordPress and track the progress of users.

Let’s start,

Requirements

  1. H5P Plugin
  2. GrassBlade xAPI Companion
  3. GrassBlade Cloud LRS or GrassBlade LRS

Setting up Environment

  1. Install the H5P plugin for WordPress, read the official documentation for help.
  2. Install and setup GrassBlade xAPI Companion and Cloud LRS. With this plugin, we’re going to connect the Learning Record Store to track progress and store records. So, install it, read setup documentation for plugin and LRS.

Adding H5P Content

We can directly create H5P Content inside WordPress site back end. You can download sample and upload on WordPress site and customize it. 

Step 1:
Go to H5P Content > Add New to add upload or create H5P Content.

add new

Step 2:
Select your desired H5P Content type, not all content types of H5P send a good amount of tracking data here is a list of xAPI supported content types.
I’m selecting the “Multiple Choice” type of content.

Step 3:
Click the Get button and Install the content.

select content

Step 3:
Now click on Details button and click Use to customize content.

Step 4:
Create content by entering information and click the create button.

You have successfully added H5P Content in WordPress and check all your content here: H5P Content > All H5P Content. Also, you can check results of the users for the particular content.

But there is very limited information, we will use xAPI to get more user data. We will use GrassBlade xAPI Companion for this purpose. 

Adding Content in GrassBlade xAPI Companion

Step 1:
Go to xAPI Content > Add New in WordPress dashboard.

Step 2:
Enter the title for the content. Scroll down to xAPI Content details and select the H5P tab.

Step 3:
Select the H5P content you created earlier.

Step 4:
Do other settings as per need, check this article to learn more about available options.

Step 5:
Now click the update button to publish the content.

You have successfully added H5P Content for xAPI tracking. 

Adding Content to Page or Lesson/Quiz

Now, you have to add your xAPI Content on any page or post. Also, you can add the content in the Lesson/Quiz of different LMS.

GrassBlade xAPI Companion currently supports these LMS(s):

  1. LearnDash
  2. WP Courseware
  3. LearnPress

Also Read: Available ways to Add xAPI Content on Page or Lesson/Quiz

Advanced Reporting

I also did create a simple H5P Content to show how results look like.

preview of h5p content

Let’s check reports in GrassBlade Cloud LRS.

reports of h5p content in lrs

You can check the selected answer and all other details of the content. Also, it works well with the questions where the user has to input text. You can record the text with GrassBlade xAPI Companion.

H5P is easy to use content making tool, you can create interactive content with this plugin. GrassBlade xAPI Companion can help you with tracking user progress and creating reports.

Hope you find this information useful, please share your thoughts in the comment section.

For more latest and quick updates, please follow us on Facebook, Twitter, LinkedIn, and YouTube.

Saurabh Chauhan

Saurabh Chauhan

Saurabh is tech enthusiast and E-Learning expert. He loves to learn and explore new technologies. In free time, he practices to master his Battle Royal game skills.

Leave a Reply

Your email address will not be published. Required fields are marked *

Recent Posts
Popular Posts

Looking for a Learning Record Store?

About Us

Next Software Solution is working in the eLearning field from over 8 years. 

With vast experience working in diverse projects and products, we are providing both products and development services in eLearning space.