Skip to main content

HTML Block: Embedding External Content

Learn how to embed external media and interactive resources inside a Content item using the HTML block. Paste embed codes (iframes) from supported platforms, then save and preview to ensure the content displays correctly

HTML Block: Embedding External Content

Use an HTML block when you want a Learn Content item to display external material inside the page instead of sending the learner somewhere else.

What is this article for?

This article explains when to use the HTML block and how it fits into the rest of the Learn Content structure.

If you need the step-by-step editor flow, open the sibling article External Content / HTML Block. That article is the procedural how-to for the same feature.

When should I use an HTML block?

Use an HTML block when the content lives outside GFoundry but still needs to appear inside the learning experience. It is useful for embedded pages, external resources, or custom HTML that should appear in the learner flow.

In practice, this usually sits inside the Intro Content Block, which acts as the landing section of the Learn Content item.

How does it fit with the rest of Learn Content?

The HTML block is only one part of a larger content item. It can sit alongside Presentation, PDF, Video, Quiz, Form, Task, or Role Play blocks. The Form, Task, Role Play, and Discussion Board blocks are gated by per-tenant features; some may not be available in your environment.

Use it when embedded material supports the learning journey, not when it should replace the whole content structure.

How does the HTML block work?

The HTML block allows you to insert custom HTML code, including iframes. Many online services provide an embed code that you can copy and paste into the block so the resource displays and runs inside GFoundry.

How do I embed external content?

  1. Obtain the embed code

    Find the external resource you want to embed (for example: a YouTube video, a slide deck, or an interactive widget).

  2. Copy the embed code

    Most platforms provide an Embed or Share option that gives you an iframe (or similar) code snippet.

  3. Insert it in GFoundry

    Open your Content item in Content → Content Library, go to Content Management, add an HTML block, and paste the embed code.

  4. Save and preview

    Save your changes and preview the Content item to confirm the embed displays correctly.

What are the benefits of embedding external content?

  • Enhanced experience: diversify learning materials with interactive and visual resources

  • Seamless integration: no manual file uploads required for embedded resources

  • Up-to-date content: changes made on the external platform can be reflected automatically

  • Higher engagement: interactive elements can improve participation and retention

What should I check before publishing?

Confirm that the external source is available to your learners and that it can be displayed inside your page layout. If the source website blocks embedding, the content may not appear correctly.

Also confirm that you are editing the right content version and that the surrounding content item is still in the correct draft, unlisted, or published state for your rollout plan.

Which platforms are supported for embedding?

GFoundry can embed content from many external services, including video platforms, document/presentation tools, learning tools, and data visualisation services. Availability depends on the embed code provided by each service and your organisation’s security policies.

Below is a list of some of the most commonly used platforms:


​Video Platforms

  1. YouTube – Embed individual videos or playlists.

  2. Vimeo – Supports embedding private or public videos.

  3. Dailymotion – Alternative video-sharing platform.

  4. Wistia – Video marketing platform for businesses.

  5. Brightcove – Professional-grade video hosting.

  6. Twitch – Live streaming and recorded content.

  7. Colossyan - AI video creation platform (text-to-video, avatars, training videos).

  8. Synthesia - AI video creation platform (text-to-video with avatars for business content).

What are the supported presentation and document sharing platforms?

  1. Gamma - AI Powerpoint Presentations - Create slides with consistent branding in minutes

  2. SlideShare – Share and embed presentations and PDFs.

  3. Prezi – Dynamic and interactive presentations.

  4. Google Slides – Online, embeddable presentations.

  5. Canva – Design tool for interactive presentations and documents.

  6. Sway (Microsoft) – Multimedia presentation tool.

  7. Scribd – Digital document and book sharing.

Which e-Learning and interactive content platforms can I use?

  1. Khan Academy – Free educational videos and courses.

  2. Edpuzzle – Interactive video lessons with embedded quizzes.

  3. ThingLink – Interactive images and videos.

  4. Nearpod – Engaging lessons with interactive elements.

  5. Pear Deck – Interactive slides for classroom engagement.

  6. Google Forms – Online quizzes and assessments.

  7. H5P – Creation of rich interactive learning experiences.

What data visualization and infographic tools are supported?

  1. Infogram – Create and embed interactive charts and infographics.

  2. Datawrapper – Easy-to-use data visualization tool.

  3. Flourish – Advanced interactive data storytelling.

  4. Tableau Public – Powerful dashboards and visual analytics.

Which audio and podcast hosting platforms can I embed?

  1. SoundCloud – Embed and stream music or podcasts.

  2. Spotify – Podcast and music streaming service with embedding options.

  3. Anchor.fm – Podcast creation and distribution.

What maps and geolocation services are supported?

  1. Google Maps – Embed interactive maps.

  2. OpenStreetMap – Open-source mapping solution.

Which collaborative whiteboards and digital workspaces can I use?

  1. Miro – Online collaborative whiteboard platform.

  2. Padlet – Digital wall for collaboration and content sharing.

Which code and live development environments are supported?

  1. CodePen – Front-end development playground.

  2. JSFiddle – Live code editor for HTML, CSS, and JavaScript.

  3. Replit – Online coding environment for multiple languages.
    ​

Which content article should I open next?

Use this article for the concept and use case. Then open the sibling article that matches the next step:

Related Articles
How to create and manage Learn Content
Curated Content applied to Learning and Development
Building Content: Adding Content Blocks
Content Library
External Content / HTML Block
Did this answer your question?