Embedding a Website in D2L with an Iframe

An iframe is a good way to bring a website into your D2L course rather than linking students outside the site. Note: this will work best if the website you want to bring in is secure, i.e. the web address begins with "https" instead of "http."

You may embed a website into D2L anyplace where you see the following icons in the lower right corner.

editing icons

Select the icon that looks like two brackets with a diagonal line in between.

select html brackets

You should now see the "html source editor."

html source editor

Now you will have to do some coding, but you can do this.

Copy the following text and place it in between  <body> and </body>.

<iframe src="Your Web Address" width="800" height="800"></iframe>

your web address

Copy the web address that you would like to bring into D2L.

copy web address

Paste the address you copied where you see "Your Web Address."

replace your web address

web address in the iframe

Save and close and your website should appear.

all done

If you had a web address that began with "http" instead of "https" you will have to disable the security in your browser in order to see the website. (You will also have to instruct your students to do the same, if you want them to see it.) Different browsers place their protection icons in different places. The pictures below are from the Firefox browser and the Google Chrome browser. Safari and Explorer have analogous buttons that you should be able to find.

Disable protection in Firefox

disable protection in firefox

Disable protection in Google Chrome

disable protection in Google Chrome

See Also:

Keywords:Embed, place, placing, iframe, d2l, instructor, student   Doc ID:68040
Owner:Todd D.Group:UW Green Bay
Created:2016-10-25 14:16 CDTUpdated:2016-10-25 14:32 CDT
Sites:UW Green Bay
Feedback:  0   0