General Information

What is an iFrame?

iFrame stands for Inline Frame. It is an HTML documented embedded inside another HTML document on a website. It is a way to embed content from your favorite websites and instructional tools, including Nearpod, Kahoot, Desmos, Eduzzle, Duolingo, and more. Students will be able to access the content of these websites directly within Otus, without needing to visit the source website!

Where in Otus can I use an iFrame?

How can you tell? Look for the flag icon while in any text editor. If it has that icon, that means you can use an iFrame. 

Note - the process for adding an iFrame is slightly different for Advanced Assessments. See below for details!

__________________________________________________________________

Using iFrame in the Blog, Class Board, or on a Page

Using an iFrame in a blog, class board, or page follows the same steps:

Step 1:   When you see a text creation box, you’ll notice a flag icon on the text features toolbar. Click on this button to bring up the iFrame Editor tool. The example below uses the Page feature on the Otus Bookshelf.

Step 2:   Paste the URL of the site you’d like to embed in Otus in the URL field.
**iFrame content in Otus is automatically responsive, so you can ignore the height and width.

Step 3: Select OK.

Please note: Some websites do not allow themselves to be embedded. 

After you hit ok, you will see a preview of the content that will appear as a red box with the word iFrame written in it. Don’t worry, it’s working!

Once you save the text field you’re editing, you’ll be able to see your iFrame content live!

__________________________________________________________________

Using iFrame in an Advanced Assessment

Any question in an advanced assessment that contains a text editor will have the ability to embed an iFrame.

Step 1: Click on the HTML icon.


Step 2: Copy and paste the following text into the HTML Editor Tool :

                  <iframe height="700px" src="URL" window.screen.availWidth"></iframe>

Step 3:  Copy and paste the URL of the site you’d like to embed to replace the URL portion of the above text.

Step 4: Select OK.

Please note: Some websites do not allow themselves to be embedded. 

Your students will not be able to use the resource directly within the assessment!

What's Next?

Did this answer your question?