Embedding Content

Overview

Learn Amp allows you to embed external content directly into your Items using the Page Builder. This means you can include videos, presentations, interactive content, and more from external sources—all viewable within Learn Amp without learners needing to leave the platform.

Embedding is ideal when you want more control over the viewing experience than a simple weblink provides.

Functionality Breakdown

The Page Builder's Advanced editor includes a source code option that allows you to paste embed codes from external platforms. Once embedded, content displays inline within your Item.

Common embeddable content includes:

• Videos from YouTube, Vimeo, Wistia, and other platforms

• Google Docs, Sheets, Slides, and Forms

• Prezi presentations

• H5P interactive content

• Microsoft Forms and PowerPoint Online

• Loom videos

• Virtually any content with an iframe embed code

Simple vs Advanced Editor

When creating content in the Page Builder, you can choose between two editing modes:

Simple Editor

The Simple Editor is the default choice, offering basic formatting:

• Bold, italic, and underlined text

• Hyperlinks to websites

• Search and upload images

Advanced Editor

The Advanced Editor provides full content creation capabilities:

• Insert media – Add images, videos, and other media directly

• Tables – Create structured data tables

• Text formatting – Full styling options similar to Microsoft Word (headings, colours, highlights, lists)

• Source code – Access HTML for custom formatting and embedding external content

💡 Tip: Use the Advanced Editor when you need to embed external content or create richly formatted pages. The source code button (<>) is where you'll paste embed codes.

Pre-requisites

Role Requirements

To create Items with embedded content, you must have one of the following roles:

• Owner – Full access within their company

• Admin – Administrative access within their company

• Learning Designer – Can create and manage learning content

• Curator – Can curate and manage content

Additional Requirements

• Access to the external content's embed code

• The Advanced editor enabled (not the Simplified editor)

Quick Start Guide

Embedding a Video or Presentation

Step 1: Get the embed code from your external source

1. Navigate to the video or presentation you want to embed

2. Click the Share button

3. Select the Embed option

4. Copy the embed code (usually starts with <iframe>)

💡 Tip: Some platforms offer embed options like autoplay, player controls, or loop. Configure these before copying the code.

Step 2: Create a Page Builder Item in Learn Amp

1. Click the + Create button in the sidebar navigation

2. Select Item > Page Builder

3. Ensure you're using the Advanced editor (if you see "Simplified editor" as an option, you're already in Advanced mode)

Step 3: Embed the content

1. In the description area, click the <> source code icon

2. Paste your embed code into the source code window

3. Click Save

The embedded content will now appear in your Item.

Step 4: Add context (optional)

You can add text above or below your embedded content to provide instructions, context, or discussion questions for learners.

Step 5: Complete the Item setup

Continue through the standard Item creation flow (Engagement, Completion, Visibility) and publish your Item.

Building Custom Pages

The Page Builder allows you to create rich, custom pages combining multiple elements:

• Formatted text with headings, lists, and styles

• Embedded videos and presentations

• Tables

• Multiple embedded elements on one page

• Source code for advanced customisation

Example use cases:

• Company announcements with embedded video messages

• Training guides with multiple embedded tutorials

• Interactive checklists with embedded forms

• Resource pages combining text, video, and documents

Using the Chrome Extension

Learn Amp offers a Chrome extension for quickly adding web content to your library:

Installing the extension:

1. Visit the Chrome Web Store

2. Search for "Learn Amp"

3. Click Add to Chrome

Adding content:

1. Navigate to any webpage you want to add

2. Click the Learn Amp extension icon

3. Log in to your Learn Amp account (first time only)

4. Click Add to Learn Amp

The webpage is added as a hidden Weblink Item. Edit the Item to configure visibility and other settings.

FAQs

Q: What's the difference between embedding and using a Weblink?
A Weblink sends learners to an external site. Embedding displays the content directly within Learn Amp, keeping learners on the platform.

Q: Can I embed content that requires login?
Generally, no. If the external content requires authentication, learners will see an error or login prompt. Use publicly accessible or unlisted content for embedding.

Q: Why isn't my embed displaying?
Check that the source allows embedding (some content is restricted). Verify you're using the correct embed code format (usually an iframe). Try a different browser to rule out browser-specific issues.

Q: Can I embed multiple items on one page?
Yes! Use the Page Builder to add multiple embed codes on a single Item page. Add each code separately in the source editor.

Q: What if my platform doesn't have an embed option?
If the platform doesn't offer embed codes, use a Weblink Item instead to link directly to the content.

Q: When should I use Simple vs Advanced Editor?
Use Simple Editor for basic text with links. Use Advanced Editor when you need tables, rich formatting, images, or embedded content from external sources.

Troubleshooting