Embed an App or Code

Overview

This topic explains how to add interactive content to your lesson using an <iframe> code. Many websites offer the option to embed applications and other pieces of interactive content into webpages.

For embeddable, ready to use apps, videos and interactive content we suggest visiting:

Instructions

Firstly, you will need to source some interactive lesson content from the internet. For this example, we are going to use an app from www.learningapps.org. Browse the website for a suitable app and copy the iframe embed code (as shown below).

For this example we have copied the following code: 

<iframe src="//LearningApps.org/watch?app=90970" style="border:0px;width:100%;height:500px" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>

Within your Cloudschool Lesson, click the Plus button and select Embed App

Give the embedded content a name and provide a description if necessary. In the iframe tag field, paste the iframe embed code that you copied in the previous steps. 

The application is now embedded in your Lesson. It will only be visible when the lesson is in preview mode. Click the edit the code if needed.

Preview the lesson to view your embedded content.