It is possible to embed external web content in a Canvas page, including collaborative Google docs and web forms. Examples of content that can be embedded in a Canvas page, assignment, or discussion include:
NOTE: With the exception of Microsoft Forms, you cannot embed in Canvas any content created with Microsoft applications that use your Middlebury login. You can, however, provide a hyperlink to your shared Microsoft content.
General Steps to Embed Content in a Canvas Page
-
Navigate to the content you would like to embed and copy the link to its embed code. This is also commonly known as <iframe> code.
-
Make sure you first confirm that the sharing permissions for the document are set such that either anyone with link or anyone at Middlebury (the “organization”) has access.
-
Most video applications as well as Google and Microsoft forms, have an embed option. For Google Forms, first make sure your form is published, and then click the three vertical dots (the kebab) and choose Embed HTML.
-
Set the width and height for the content as you desire
-
Click copy to copy the embed code.
-
Navigate back to the Canvas page, assignment, or discussion in Canvas where you want the content embedded. Click Edit to edit the Canvas content.
-
Insert your cursor in the Canvas content editing area where you want your embedded content to be presented. Next, either click Insert > Embed in the rich content editor (RCE) menu or click the cloud icon in the RCE. You may need to click the three vertical dots (the kebab) to reveal this icon.
-
Paste your copied embed code into the form field indicated. Then click Submit to preview the page and return to the rich content editor.
-
Click Save before navigating to a new page.