Interactive Elements

Interactive Elements

Introduction

In the Loree editor, H5P is available under the Interactive Elements section. It allows you to create fun and engaging content by adding more than 20 + interactive elements like hotspots, multiple-choice questions, and accordions using the H5P interactives.

Info
Note: In order to start using H5P as an interactive element, kindly configure H5P in Loree by visiting our Knowledge Base page—External Tool (H5P) configuration in Loree.

Getting started

Accessing H5P

  1. Click on H5P under the interactive element section to open the H5P interactive block.
  2. With the help of search function, you can search the interactives by name [Refer 1 in below screenshot]
  3. You can also search by tag name [Refer 1 in below screenshot

Creating and Embedding a New H5P Interactive

  1. Click "Create New Interactive" in the H5P block. 
  2. The "Create New H5P Interactive" modal will appear on the screen. 
  3. You can create an interactive as per your preference. For creating an interactive refer to the document. - H5P User Guide
  4. By clicking the interactive from the available options, it will automatically embed into the course page.



Editing an Existing H5P Interactive

you can edit any existing h5p interactive by following these steps


  1. Click on the three-dot menu on the H5P block.
  2. Select Edit from the dropdown.
  3. A confirmation alert will appear—click Edit to proceed
  4. The selected H5P interactive will open with its content, ready for modifications.

Deleting an H5P Interactive



To remove an interactive:

  1. Click "Delete" inside the H5P block.
  2. A confirmation alert will pop up.
  3. Click Delete to permanently remove the interactive.



Admin Toggle enabled

  1. From the admin dashboard, the admin needs to enable the H5P toggle; only then will the feature be visible.

Important Notes

InfoEnable the "Display Embed Button"—This" allows users to generate an embed URL for the H5P interactive iframe.


If you want to hide the Embed button, disable the "Display Toolbar Below Content" but keep the "Display Embed Button" enabled.
For complete guidance about the H5P, refer this document