External Elements

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 different platforms.
NotesExternal Tools only supports LTI version 1.3

Admin Dashboard configuration

  1. All the external tools need to be configured from the admin dashboard.
  2. In the admin dashboard > config page > External tool, all the tools need to be configured.

Currently supporting external tools

  1. Kaltura is a video platform that allows users to upload, manage, and share multimedia content within the platform. Refer the document
  2. Canvas Studio is a video creation and learning tool that allows users to create, share, and interact with multimedia content directly within Canvas. Refer the document 
  3. H5P is an interactive content creation tool that allows users to create and share rich, engaging multimedia experiences such as quizzes, games, and videos.Refer the document

How to use

  1. Click External Tools from the left panel under Interactive Elements.
  2. Select the linked tool (e.g., H5P, Kaltura, Canvas studio ...)
  3. Choose the content and click Insert to add it to your page.
  4. To edit, click on the inserted content and modify it as needed 

Embed URL

The Embed URL block allows you to easily insert and update iframes directly within the editor. This feature is useful for embedding content such as YouTube videos, maps, external web pages, or any other iframe-supported content.

Steps to follow the embed 

  1. Click the Embed URL option from left navigation bar.
  2. Paste the iframe-supported URL (e.g., YouTube video link, Google Maps link, or any other iframe-based content).
  3. In the "Insert Embed URL" field, paste the iframe code in the following format:

    Info
    <iframe width="560" height="315" src="https://www.youtube.com/embed/kKpLDsVlU4U?si=2Lzq5p7d0pjxNWVB" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

  4. Enter a title for the embedded content
  5. You can also adjust the height 
  6. Full Width: Check this option to make the embed span the full width of the editor.
  7. Click the "Embed" button to insert the iframe into the editor.
  8. If you need to cancel, click "Cancel" to close the dialog without embedding.
Here is the example of embedding the YouTube video 


    • Related Articles

    • 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 ...

    • 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 ...

    • 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 ...

    • How do I add and edit course elements?

      Learn how to effortlessly add and edit course elements in Loree Design Loree Landing Page Once Loree has been successfully configured, you can access it through Canvas Course Navigations. Simply locate "Loree" on the left-hand side navigation bar, ...

    • What's New

      Published on: 01/03/2025 New Look, Who's This? Loree Reimagined! We're thrilled to unveil a completely redesigned Loree experience! These release notes will walk you through the key changes, showing you before-and-after comparisons so you can easily ...