Skip to main content

Embedding External Content in GFoundry (HTML Block)

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

Updated this week

Overview

GFoundry lets you enrich Content items by embedding external media and interactive resources. Using an HTML block, you can integrate videos, presentations, interactive tools, and other web-based resources directly into the learning experience.

How it works

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.

Steps to 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.

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

Supported platforms

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.

Presentation and Document Sharing Platforms

  1. SlideShare – Share and embed presentations and PDFs.

  2. Prezi – Dynamic and interactive presentations.

  3. Google Slides – Online, embeddable presentations.

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

  5. Sway (Microsoft) – Multimedia presentation tool.

  6. Scribd – Digital document and book sharing.

e-Learning and Interactive Content Platforms

  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.

Data Visualization and Infographics

  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.

Audio and Podcast Hosting Platforms

  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.

Maps and Geolocation Services

  1. Google Maps – Embed interactive maps.

  2. OpenStreetMap – Open-source mapping solution.

Collaborative Whiteboards and Digital Workspaces

  1. Miro – Online collaborative whiteboard platform.

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

  3. Google Jamboard – Interactive whiteboard by Google.

Code and Live Development Environments

  1. CodePen – Front-end development playground.

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

  3. Replit – Online coding environment for multiple languages.

By leveraging GFoundry's HTML block, you can easily integrate external content into your learning journeys, making training more dynamic and interactive.

Did this answer your question?