Can I Embed Storyline?

Is there a way to embed the Storyline player into an already existing HTML page? I am trying to take an approach on a pretty substantial situation that has multiple steps involved. We use an internal online support system, and it would be nice to be able to embed each one of the steps separately and not have to have links to pop out players for each step. Hopefully it makes sense what I am trying to ask.

Any assistance is appreciated as always!

- JD

4 Replies
Leslie McKerchie

Hi JD!

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

  1. Publish your Storyline project for web.
  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="" 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.

Tip: 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.


JD Maddox

Thank you very much Leslie. I had seen a couple of posts about iframes from a few years ago in the discussion boards, but was curious if there was a different way. The HTML won't be a problem and I have the admin access to the source code and server. I will give it a shot and see what explodes or doesn't! Thanks again!!

Chad Keller

iframe is going to be the easiest solution, especially if you are publishing for Flash and HTML5.  The iframe will be smart enough to show the correct content.

If you have experience in HTML, you could achieve this by grabbing the pertinent html from the story.html (or story_html5.html) file to have the storyline output show on your desired page.

So in short.  Go with the iframe.  It will save time and headaches.