How do I embed a lesson inside a Canvas course?
Many of our clients are using Canvas Guides to build their own training modules inside Canvas. We think this is a great idea since our product is changing so quickly. By embedding lessons in your course with iFrames, you can be sure that our most recent documentation is available to your learners. You can also link to the Guides in Modules.
Open Pages
Click the Pages link in the Course Navigation.
Create a New Page
Click the Create a New Page button.
Enter Page Title
Enter the name of the new page. You may decide to copy and paste the exact title of the Canvas Guides lesson. Click the Create button.
Switch Views and Enter HTML iFrame Embed Code
Click the Switch Views link to enter HTML code. Paste in the following iFrame code snippet, replacing the bolded URL with the exact URL of the lesson you wish to embed.
<p><iframe src="http://guides.instructure.com/s/2204/m/4151/l/56633-how-do-i-search-canvas-guides-?e=4" width="575" height="3200" style="overflow: hidden;"></iframe></p>
Click the Save Changes button.
Adjust iFrame Height
The iFrame may be too long or not long enough for the length of the Canvas Guide lesson. Click the Edit this Page button and Switch Views link again to adjust the height in pixels.
Some Borders and Scrollbars May Appear
Depending on the browser you use, you may see some borders and scrollbars around the iFrame area.
iFrames Will Take a Moment to Load in the Page
When you open the page in Canvas, it may take a moment to load the content. For a split second, you may see some of the formatting from the original Canvas Guides site. You may need to refresh the page. Once it loads, it will look great!
If you need help using Canvas, please click the Help link from inside Canvas or visit Canvas Support here: help.instructure.com/requests/new to submit a ticket. If you have a feature request, please visit the Canvas Community at help.instructure.com. If you have a suggestion to improve Canvas Guides, please leave it below. Thank you!