Embed content into a lesson

Avatar
by Macz Norton
Follow

You can embed different content types into a lesson to differentiate your lesson content and make your training site more interactive for your students. For example, the Skilljar Academy Analytics Fundamentals course includes an embedded PDF and an embedded video to differentiate lesson content.

You can embed content into lesson via direct link (URL) or via source code in a text lesson.

 

 In this article:

 

Screen_Recording_2019-06-12_at_09.38_AM.gif

 

 

Method 1: Embed via direct link (URL)

You can embed these content types via direct link:

  • Videos: YouTube (or Google Hangouts on Air recording), Kaltura, Vimeo, Ooyala, Wistia, Vidyard, Brightcove.
  • Google content: Published Google Doc, Google Form, Google Groups, Google Slides.
  • Other content types: SurveyMonkey, Qualtrics Survey, Qzzr Quiz, Haiku Deck, Nintex Form, Slideshare, Box, any website that allows itself to be embedded as an iFrame.
  1. Copy the direct link to your content.
  2. From the "Course Management" dropdown in the Dashboard left navigation menu, click "Courses."
  3. Click the name of the specific course you want to update.
  4. Click the "Curriculum" tab and click New Lesson at the bottom of the existing curriculum.
  5. Click the "Video, PDF, Audio or Embed" lesson type.
  6. In the “Content” section, click the "Embed Link" tab.
  7. From the “Type” dropdown menu, select the type of content you want to embed from the dropdown menu.
  8. In the “Url” field, paste the direct link to your content and click Save link.
  9. Click Save Lesson.

Note: The content type may populate, if recognizable, and save automatically. You will still need to click Save Lesson to save your changes.

embed_lesson.png

lesson_print.png

 

Method 2: Embed via source code in a text lesson

If your content is not available in the “Embed link” dropdown, embed your content via source code in a text lesson. You can choose to embed your content via source code without style tags or with style tags.

 

Without style tags

  1. Copy the direct link to your content.
  2. From the "Course Management" dropdown in the Dashboard left navigation menu, click "Courses."
  3. Click the name of the specific course you want to update.
  4. Click the "Curriculum" tab and click "New Lesson" at the bottom of the existing curriculum.
  5. Click the "Text" lesson type.
  6. In the text lesson HTML editor in the “Content” section, click the Source Code button (<>).
  7. Paste the embed link into the “Source code” box and click Ok.
  8. Click Save Lesson.

 

With style tags

  1. Download this template: Template - Embed Content.html (684 bytes)
  2. Open the document in a text editor.
  3. In line 26 of the template, replace the text within the quotation marks (currently “replace_with_url”) with the direct link to your content.
  4. Copy the full body of code.
  5. In the Dashboard left navigation menu, click Courses in the “Course Management” dropdown.
  6. Click the name of the specific course you want to update.
  7. Click the "Curriculum" tab and click New Lesson at the bottom of the existing curriculum.
  8. Click the "Text" lesson type.
  9. In the text lesson HTML editor in the “Content” section, click the Source Code button (<>).
  10. Paste the embed link into the “Source code” box and click Ok.
  11. Click Save Lesson.

text_lesson.png

 

Frequently asked questions

What type of content can I embed into a lesson?

You can embed most content that can be embedded into any webpage via an iframe. For information on how to embed a content type, click on the hyperlinked content types in the list.

  • Video: YouTube, Vimeo, Wistia, Kaltura, Ooyala, Vidyard, Brightcove.
  • Quiz, survey and flashcard content: ProProfs Quiz Maker, Quizlet, Wufoo, Qzzr Quiz, SurveyMonkey, Qualtrics survey, Typeform.
  • Live Content: Adobe Connect, YouTube Live, Livestream (if you have a Premium or Enterprise Livestream account).
  • Google content: Published Google Doc, Google Form, Google Slides, Google Video, Google Groups, Google Hangouts on Air.
  • Other types of content: Articulate Storyline and Presenter, Flipbook, Slideshare, Haiku Deck, Nintex Form, Speaker Deck, Issuu, Office Mix.

 

How do I preview what the student experience will look like while building out lessons?

  1. In the Dashboard Lesson page, click Preview.
  2. In the dropdown, click "This Lesson." A new browser window opens with a preview of how the embedded content lesson will look for the student.

Screen_Recording_2019-06-12_at_09.48_AM.gif

 

Powered by Zendesk