General Information

What is an iFrame?

iFrame stands for Inline Frame. It is an HTML document 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 globe 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 Lessons or the Blog

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 globe 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 by selecting Done, 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 now be able to use the resource directly within the assessment!


Next Steps

Did this answer your question?