Storyline 1 and 2: How to Embed Published Content in a Web Page

Article Last Updated

This article applies to:

Looking for a different version of Storyline? Click here for Storyline 360. Click here for Storyline 3.

One way to embed a Storyline course into a web page is to use an iframe. Here's how:

  1. Publish your Storyline project for web distribution.
  2. Upload the published output to your web server. You can use the FTP option on the Publish Successful dialog or your own FTP client. If you're using a web hosting service, they may also have a built-in feature for uploading content.
  3. Add the following line of code to the web page where you want your course to appear, then modify it as described in steps 4 and 5:
    <iframe src="http://MyServer.com/MyCourse/story.html" width="980" height="658"></iframe>
  4. Change the URL in the code above to point to the story.html file in your published output on your web server.
  5. Change the width and height values in the code above to accommodate your course. To find the width and height of your published course, open the story.html file in Notepad, and search for width and height.

You'll need to have some knowledge of HTML coding as well as access to the source code for the web page where you want to embed your Storyline content.