Embedding Shared Content (Using iframe code)

BYU Canvas Info Center Embedding Shared Content (Using iframe code)

Sometimes you will have content that is used across many courses over time. That content may need to be updated, and when it does, you don't want to go into potentially dozens of Canvas courses to update the same content in many locations. Sometimes you will have content that is used across many courses over time. That content may need to be updated, and when it does, you don't want to go into potentially dozens of Canvas courses to update the same content in many locations.

There is an easy way to get around this: You can embed an external document (i.e. a Google doc, an Office 365 file, etc.) in all the Canvas resources (pages, assignments, quizzes, etc.) where it is needed. Then, if the document needs to be revised or updated, you can do so in one single location: All of the Canvas objects referencing that document will display the updated content.

The key is to use iframe code. The method for obtaining iframe code from the resource to be embedded will vary with the provider (Google, Microsoft, etc.)

Once you have iframe code, go to the Canvas page, assignment or quiz where the resource is to be displayed. In the Rich Content Editor, click on 'HTML Editor' and paste the iframe HTML clip in the desired location. While you are in the HTML editor, you can adjust the display configuration (height=" " width = "") and preview how the resource will be displayed by switching back to the Rich Content Editor. Be sure to Save your changes, and then you're set!