Integrating H5P into Tutor LMS Dashboard for Instructors

Submitted by Unicourse on Fri, 01/31/2025 - 03:07
Forums: 
Developers

<p>Hi everyone,</p><p>We're using the H5P plugin on our website in combination with Tutor LMS. However, we've encountered an issue: currently, H5P is only accessible through our WP admin panel, meaning our instructors—who don’t have admin rights—cannot utilize it.</p><p>We don’t want to grant admin privileges to instructors, but we’d like to make H5P available within the Tutor LMS dashboard as a separate menu item. Has anyone done something similar before, or does anyone know how this could be implemented?</p><p>Thanks in advance!</p>

Summary: 
Integrating H5P into Tutor LMS Dashboard for Instructors
otacke's picture

otacke

Fri, 01/31/2025 - 10:21

Hi!

H5P supports the role management feature of WordPress, that allows to define capabilities per user. WordPress does not ship with its own user role management option though. You will need a plugin such as User Role Editor.

You can then choose the role that your instructors have (or create a dedicated new one) and assigne them the capabilities that they should have, typically:

  • edit_h5p_contents
  • edit_others_h5p_contents (if they should be allowed to edit the contents of other instructors)
  • view_h5p_contents
  • view_others_h5p_contents (if they should see contents of other instructors in the list of H5P contents)
  • view_h5p_results

The respective menu items will then be available in their regular WordPress dashboard. If TutorLMS has a custom dashboard that does not relate to the WordPress environment, then it may be required to customize your platform.

Best,
Oliver

Unicourse

Sun, 02/02/2025 - 13:52

Hi Oliver,

Thank you for the information! When you mention customization, do you mean using an iframe to integrate the H5P interface into the Tutor LMS dashboard, or are you referring to another approach? We have already tried using an iframe, but it didn't work even after setting the appropriate permissions.

Best,
Dominick

otacke's picture

otacke

Mon, 02/03/2025 - 11:51

You may have derived from my previous post that I do not have any experience with the TutorLMS dashboard at all, so it is likely that I misunderstood your question.

  • Were you referring to creating H5P contents? That would still need to be done via the "H5P content" menu item inside the WordPress sidebar - if the respective capabilities are set (see previous post).
  • Were you referring to adding H5P contents to a course page (or whatever that may be called in TutorLMS)? Even if a dedicated H5P button is missing, then that should still work using the H5P shortcode [h5p id="xyz"] shown next to content in the editor view. No fiddling with embed codes should be required and would likely rather cause trouble with scoring if needed.

Unicourse

Mon, 02/03/2025 - 15:37

Hi,

What we actually want to achieve is to allow our instructors to create interactive activities without admin privileges.

Our goal is to have an H5P button/menu inside the Tutor LMS dashboard, where instructors can create their own interactive tasks. Since Tutor LMS already integrates with H5P, these activities should be accessible directly in the course builder.

The most important part is that instructors should be able to create these interactive activities without needing access to the WP admin panel.

Best,
Dominick

otacke's picture

otacke

Mon, 02/03/2025 - 15:59

In that case, TutorLMS will need to provide this feature. For H5P it does only make sense to support a platform and its native features (e.g. adding a menu item to WordPress site panel or to allow setting capabilities). It's not feasible for H5P Group though to add and maintain custom code for arbitrary other plugins that also happen to sit on top of the platform.

As mentioned, authors do NOT need all admin privileges, but H5P supports WordPress capability system to control who is allowed to edit H5P contents. If he/she is (edit_h5p_contents), he/she will see the respective menu item in the WordPress sidebar (yes, you don't want that) that merely links to <your-site>/wp-admin/admin.php?page=h5p_new. If you can add that link to the TutorLMS dashboard and users have the respective capability, that would work.

If you want an H5P button inside of TutorLMS without having to visit the WordPress admin panel, that's up to Themeum to implement.

Unicourse

Mon, 02/03/2025 - 20:33

 

The problem is that Tutor LMS support claims they cannot implement this, which is why they directed me here to the forum for help. But thank you for your assistance—I will try to achieve this using user role management.

otacke's picture

otacke

Mon, 02/03/2025 - 21:36

I don't know the internals of TutorLMS, but since the page that holds the H5P editor is nothing but a call to <your-site>/wp-admin/admin.php?page=h5p_new away, I'd not know what the obstacle would be. 

Unicourse

Mon, 02/03/2025 - 21:57

I have added the menu to the Tutor LMS dashboard, and it correctly redirects to this page:

➡ https://unicourse.hu/wp-admin/admin.php?page=h5p_new

However, instructors without admin privileges (but with H5P permissions granted via the User Role plugin) are still seeing an "Access Denied" error.

How can I ensure that instructors with the proper H5P capabilities can access this page? Is there a workaround to allow them to use the H5P editor without requiring full admin rights?

otacke's picture

otacke

Mon, 02/03/2025 - 22:45

The only capabilities needed in order to create and edit H5P contents (unless some part of your setup intervenes) are edit_h5p_contents (obviously) and view_h5p_contents.

 

Unicourse

Sun, 02/02/2025 - 13:53

Hi Oliver,

Thank you for the information! When you mention customization, do you mean using an iframe to integrate the H5P interface into the Tutor LMS dashboard, or are you referring to another approach? We have already tried using an iframe, but it didn't work even after setting the appropriate permissions.

Best,
Dominick