Nest Frontend Editor for H5P is a free WordPress plugin that lets your users view, create, and edit H5P content entirely on the front end of your site; no WordPress admin access required.
Place four simple shortcodes on pages of your choosing, configure role-based permissions, and your users stay on your site throughout their entire H5P workflow. Works with Remix Manager for H5P when Remix Manager’s Library Link Behavior settings point to Nest front-end pages.
Features Section
- Four display shortcodes
[nest_h5p_editor_view],[nest_h5p_editor_create][nest_h5p_editor_edit], and[nest_h5p_editor_results]each placed on any page you choose. - Role-based permissions
Control which roles can view, create, and edit H5P content, including custom roles like Teacher or Instructor. - Ownership enforcement
Users can only edit H5P content they own; attempting to edit another user’s content is blocked automatically. - Configurable unauthorized redirect behavior
Send unauthorized users to the home page, login page, or a custom URL, independently for each action. Logged-out users are always redirected to the login page. - Auto-resizing iframes
The iframe height adjusts automatically using H5P’s native resize events, so the editor always fits its content. - Admin menu hidden inside iframes
The WordPress sidebar, admin bar, and footer are hidden when H5P pages load inside the iframe, giving users a clean focused experience. - Seamless integration with Remix Manager for H5P
When both plugins are active and configured, and Remix Manager’s Library Link Behavior settings point to Nest front-end pages, View, Edit, and Results links in the library table point to your front-end pages.
Shortcode Reference
| Shortcode | Purpose | URL Parameter Required |
[nest_h5p_editor_view] | Displays the H5P content viewer | ?h5p_id=X (the content ID) |
[nest_h5p_editor_create] | Displays the H5P content creation editor | None |
[nest_h5p_editor_edit] | Displays the H5P content editor for an existing item | ?h5p_id=X (the content ID) |
[nest_h5p_editor_results] | Displays the H5P student results for an existing item | ?h5p_id=X (the content ID) |
Each shortcode is designed to be placed on its own dedicated page. The admin selects these pages in Settings → Nest Frontend Editor for H5P.
Navigation Link Shortcodes
Nest Frontend Editor for H5P also includes optional link shortcodes that let you add simple navigation between your front-end H5P pages. These are useful when you want users to move from viewing an activity to editing it, or from viewing an activity to checking its results.
| Shortcode | Purpose |
[nest_h5p_editor_link_view] | Outputs a link to the front-end View page for the current H5P item |
[nest_h5p_editor_link_edit] | Outputs a link to the front-end Edit page for the current H5P item. Only appears when the current user owns the content |
[nest_h5p_editor_link_results] | Outputs a link to the front-end Results page for the current H5P item |
These link shortcodes read the current h5p_id from the URL, so they are designed to be placed on your View, Edit, or Results pages.
Each link shortcode accepts optional text and class attributes.
Examples:
[nest_h5p_editor_link_view text="View Activity"][nest_h5p_editor_link_edit text="Edit Activity" class="button button-primary"][nest_h5p_editor_link_results text="View Results"]
How to Use
1. Install the Plugin
- Go to WordPress Dashboard → Plugins → Add New
- Search for Nest Frontend Editor for H5P
- Click Install Now, then Activate
2. Create Your Front-End Pages
- Create a page for viewing H5P content and add the shortcode
[nest_h5p_editor_view] - Create a page for creating H5P content and add the shortcode
[nest_h5p_editor_create] - Create a page for editing H5P content and add the shortcode
[nest_h5p_editor_edit] - Create a page for viewing H5P results and add the shortcode
[nest_h5p_editor_results] - Publish all four pages
3. Configure Settings
- Go to Settings → Nest Frontend Editor for H5P
- Under Frontend Pages, select each page from the dropdowns
- Under Role Permissions, check which roles can View, Create, Edit, and View Results
- Under Unauthorized Redirect Behavior, choose what happens when a user without permission tries to access each page
4. Connect with Remix Manager for H5P (optional)
- If Remix Manager for H5P is also active, go to Settings → H5P Remix Manager
- Under Library Link Behavior, set the View, Edit, and/or Results link mode to Nest Frontend Editor for H5P pages
- The library table will now link directly to your front-end pages
Requirements
| Requirement | Details |
| WordPress | 5.4 or higher |
| PHP | 7.4 or higher |
| H5P Plugin | Required: install the free H5P plugin from WordPress.org first |
| Remix Manager for H5P | Optional: used for configurable library table links |
Companion Plugin: Remix Manager for H5P
Nest Frontend Editor for H5P pairs with Remix Manager for H5P, a free plugin that gives users a front-end library for managing, remixing, and deleting their H5P content.
When both plugins are active and configured, Remix Manager’s Library Link Behavior settings can send View, Edit, and Results links to your Nest front-end pages, completing a fully front-end H5P workflow with no admin access required for users at any point.
Learn more: https://indiegg.com/remix-manager-for-h5p
Need Help?
Full documentation is available at https://indiegg.com/nest-frontend-editor-for-h5p/documentation.
For support, visit the plugin’s support forum on WordPress.org or contact us through IndiEgg Studios.
If this plugin has saved you time, consider buying me a coffee. It helps support continued development.
Nest Frontend Editor for H5P is developed by IndiEgg Studios – indiegg.com