cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
mpantoja
Community Member

iframes to embed http web pages

Jump to solution

Hi I'm trying to use iframes to embed a web page in canvas but it seams to only work with http addresses.

The web page that I need is http//octave-online.net

Is there any work around this?

Regards

1 Solution

Accepted Solutions

 @mpantoja ​, you should be able to embed nearly any web page in Canvas whether it's http or https. You'll run across exceptions by trial and error, and whether the web page is embeddable or not is entirely up to the web designer; for example, I can't embed a link to The OWL at Purdue's MLA resource page, specifically because of the way that web designer has chosen to make the content available. The content appears, but then redirects into an endless feedback loop.

Here's the code I used in Chrome to embed your site:

<p><iframe src="http://octave-online.net" width="100%" height="640"></iframe></p>

The difference between embeds of http and https sites, as awilliams points out, is in what students will have to do to view the http embed in the content page. Depending on the browser they're using, they will have to enable external or insecure content, and Adam has provided you with the link to the instructions. I also place a big red warning across the top of the page that tells students they may initially see a blank page, and will have to enable external content in order to view the resources I've provided. Many instructors also provide a link to the Canvas Guide or to a resource they've created themselves.  @clong ​ created this awesome one: Going Beyond the Shield - Google Slides  And this resource might also help: External or "insecure" content: Strategies for helping students cope

Last, when I navigated to the link you provided, I saw this message on the main screen:

Did you know you can use Octave Online in your class?

Open a ticket by clicking "Feedback" to inquire about how we can set you up as an instructor.

You might want to contact them directly to see how you can seamlessly integrate their resources with Canvas. Good luck!

View solution in original post

11 Replies
awilliams
Instructure
Instructure

Hey  @mpantoja ​, this is all covered in more detail in How do I embed a lesson inside a Canvas course?​ but the short answer is you have to add an "s" after "http." Also, not all websites can be embedded this way. Some can not be embedded at all.

EDIT:

Also, not all websites can be embedded this way.

Ok, so it looks like octave-online is one of those that doesn't work with https. What this means for you is that you will have to use "http" with no "s" and instruct your students to bypass their web browser's restrictions on viewing insecure content in a secure environment. You can find more information about that under "Browser Privacy Settings" in Which browsers does Canvas support?

Hi Adam,

Thanks for your response. BUT I did follow the instructions from the link you sent me and it only works if I use the https link the http doesn't display anything (and I really mean copy/pasting the example from the link the https work the http doesn't).

The problem is that the web page I try to embed is only http, so I thought maybe is because of that. How do I know what web pages can be embedded into an iframe in canvas?

regards

 @mpantoja ​, you should be able to embed nearly any web page in Canvas whether it's http or https. You'll run across exceptions by trial and error, and whether the web page is embeddable or not is entirely up to the web designer; for example, I can't embed a link to The OWL at Purdue's MLA resource page, specifically because of the way that web designer has chosen to make the content available. The content appears, but then redirects into an endless feedback loop.

Here's the code I used in Chrome to embed your site:

<p><iframe src="http://octave-online.net" width="100%" height="640"></iframe></p>

The difference between embeds of http and https sites, as awilliams points out, is in what students will have to do to view the http embed in the content page. Depending on the browser they're using, they will have to enable external or insecure content, and Adam has provided you with the link to the instructions. I also place a big red warning across the top of the page that tells students they may initially see a blank page, and will have to enable external content in order to view the resources I've provided. Many instructors also provide a link to the Canvas Guide or to a resource they've created themselves.  @clong ​ created this awesome one: Going Beyond the Shield - Google Slides  And this resource might also help: External or "insecure" content: Strategies for helping students cope

Last, when I navigated to the link you provided, I saw this message on the main screen:

Did you know you can use Octave Online in your class?

Open a ticket by clicking "Feedback" to inquire about how we can set you up as an instructor.

You might want to contact them directly to see how you can seamlessly integrate their resources with Canvas. Good luck!

View solution in original post

Thanks so much Stefanie you are right I didn't notice the shield!!!!

joel_mills
Community Participant

Having trouble embedding these canvas community pages inside iFrames on my canvas course.

They are simply not showing up.

I want to create some "how to" content that specifically uses these pages as live content. I could just post links to the content but then my pages simply look like this.

1. Create an assignment shell (link)

2. Add details to the assignment shell (link)

3. Change your turnitin settings (link)

I would rather 'gather up' selected pages from these guides and have them as live content on my site.

Am I doing something wrong?

<p><iframe src="https://community.canvaslms.com/docs/DOC-2637" width="100%" height="600"></iframe></p>

 @joel_mills ​, you are not doing anything wrong. Instructure discovered soon after the launch of the Jive Community that the new Canvas Guides were not embeddable in iframes. For that reason, they decided to maintain dual and parallel versions of the Guides both in the new Community and in the old Zendesk format. Both sets of guides are updated simultaneously, and Instructure has committed to this endeavor indefinitely, or at least for as long as it takes until an embed solution is available for the Jive guides. Here's the writeup: How do I embed a lesson inside a Canvas course? The page reads "this site will be discontinued at a future date" and recommends links to the new Guides instead of embeds of the old Guides; however, the Canvas Doc Team has on several occasions assured the Community that they have no plans to discontinue the old guides.

In the meantime, the old guides are embeddable using the iframe process you've described. Just substitute the URL for the one that you find in this set of guides: Canvas Guides

janderson11
Community Participant

I cannot seem to iframe on a page in a group with the sample code...

please advise 

hamlet editor iframe embed tips ?

thx

kmeeusen
Community Coach
Community Coach

Just want to also throw this out there. Octave online is now an HTTPS site. Octave Online: Free Interface compatible with MATLAB 

I just tested this in my sandbox using a free iFrame Generator, and it embedded it just fine. I didn't bother to adjust the frame size, but here is a screenshot.

257928_pastedImage_2.png

And here is the link to the iFrame generator I used: https://www.iframe-generator.com/ 

I hope this helps.

fcruz4
Community Participant

Thank you for the clarification!