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.

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 in 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


    • Related Articles

    • External Elements

      External Tools The External Tools feature in the Loree editor allows users to seamlessly integrate and utilize third-party tools directly within Loree. By linking external tools, users can insert, add, and edit content without switching between ...
    • Click & Reveal Interactive

      Click & Reveal Interactive Click & Reveal interactive elements let users click on an item to uncover hidden content. This feature helps manage screen space effectively and offers an engaging way to access additional information. Here is a short video ...
    • Loree Interactive Style Management in admin dashboard

      Getting started We are happy to introduce the Loree Interactive feature in the admin dashboard. From the admin dashboard, admins can effortlessly customize styles and manage their Loree Interactive content. Benefits of a Loree Interactive feature in ...
    • Custom Elements

      Navigation The Navigation element in the Loree Editor allows users to create a customizable navigation bar with various styles. You can add logos, menu items, and adjust style properties like border, color, size, spacing, alignment, and background ...
    • Layout Elements

      The "Layout Elements"section provides essential tools for structuring content effectively. These elements help organize and present information in a clear and visually appealing manner. Available Layout Elements: Table: Used for displaying data in a ...