Skilljar Support
Hi, how can we help?
  1. Skilljar Help Center
  2. Course Management
  3. Embed Content in a Lesson

Embed Content in a Lesson

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. You can embed content in a lesson via a direct link (URL) or via the source code in a text lesson. 

Screen_Recording_2019-06-12_at_09.38_AM.gif

 

 In this article:

  

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, Kollective Embedded Content. 
  • Google content: Published Google Doc, Google Form, Google Groups, Google Slides.
  • Other content types: SurveyMonkey, Qualtrics Survey, Qzzr Quiz, Interact 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 Skilljar Dashboard, click Courses to enter the "Course Management".
  3. Click the name of the specific course you want to update or Create a New Course.
  4. Click the "Curriculum" tab and click New Lesson at the bottom of the existing curriculum.
    Screen_Shot_2020-12-23_at_2.24.31_PM.png
  5. Click the "Video, PDF, Audio or Embed" lesson type.
    Screen_Shot_2020-12-23_at_2.24.41_PM.png
  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.
    Screen_Shot_2020-12-23_at_2.27.04_PM.png
  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_lesson2.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 with or without style tags.

 

Without style tags

  1. Copy the direct link to your content.
  2. From the Skilljar Dashboard, click Courses to enter the "Course Management".
  3. Click the name of the specific course you want to update or Create a New Course.
  4. Click the "Curriculum" tab and click New Lesson at the bottom of the existing curriculum.
    Screen_Shot_2020-12-23_at_2.24.31_PM.png
  5. Click the "Text" lesson type.
    Screen_Shot_2020-12-23_at_2.24.41_PM.png
  6. In the text lesson HTML editor in the “Content” section, click the Source Code button (<>).
    Screen_Shot_2020-01-31_at_11.34.11_AM_2.png
  7. Paste the embed link as the source of your <iframe> HTML tags into the “Source code” box: 
    1. <iframe src="https://embed_url.com"></iframe>
  8. Click Ok.
    1. Screen_Shot_2020-01-31_at_11.34.19_AM.png
  9. 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. From the Skilljar Dashboard, click Courses to enter the "Course Management".
  6. Click the name of the specific course you want to update or Create a New Course.
  7. Click the "Curriculum" tab and click New Lesson at the bottom of the existing curriculum.
    Screen_Shot_2020-12-23_at_2.24.31_PM.png
  8. Click the "Text" lesson type.
    Screen_Shot_2020-12-23_at_2.24.41_PM.png
  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_lesson2.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, Kollective. 
  • Quiz, survey and flashcard content: ProProfs Quiz Maker, Quizlet, Wufoo, Qzzr Quiz, SurveyMonkey, Qualtrics survey, Typeform, Interact.
  • 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, Iorad tutorials.

 

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