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.
In this article:
- Method 1: Embed via direct link (URL)
- Method 2: Embed via source code in a text lesson
- Frequently asked questions
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.
- Copy the direct link to your content.
- From the Skilljar Dashboard, click Courses to enter the "Course Management".
- Click the name of the specific course you want to update or Create a New Course.
- Click the "Curriculum" tab and click New Lesson at the bottom of the existing curriculum.
- Click the "Video, PDF, Audio or Embed" lesson type.
- In the “Content” section, click the "Embed Link" tab.
- From the “Type” dropdown menu, select the type of content you want to embed from the dropdown menu.
- In the “Url” field, paste the direct link to your content, and click Save link.
- 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.
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
- Copy the direct link to your content.
- From the Skilljar Dashboard, click Courses to enter the "Course Management".
- Click the name of the specific course you want to update or Create a New Course.
- Click the "Curriculum" tab and click New Lesson at the bottom of the existing curriculum.
- Click the "Text" lesson type.
- In the text lesson HTML editor in the “Content” section, click the Source Code button (<>).
- Paste the embed link as the source of your <iframe> HTML tags into the “Source code” box:
-
<iframe src="https://embed_url.com"></iframe>
-
- Click Ok.
- Click Save Lesson.
With style tags
- Download this template: Template - Embed Content.html (684 bytes)
- Open the document in a text editor.
- In line 26 of the template, replace the text within the quotation marks (currently “replace_with_url”) with the direct link to your content.
- Copy the full body of code.
- From the Skilljar Dashboard, click Courses to enter the "Course Management".
- Click the name of the specific course you want to update or Create a New Course.
- Click the "Curriculum" tab and click New Lesson at the bottom of the existing curriculum.
- Click the "Text" lesson type.
- In the text lesson HTML editor in the “Content” section, click the Source Code button (<>).
- Paste the embed link into the “Source code” box and click Ok.
- Click Save Lesson.
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?
- In the Dashboard Lesson page, click Preview.
- 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.