Adding Storyline Content To A WordPress Page

As soon as eLearning Magic Toolkit is activated, you can embed your Storyline activity into any post or page on your WordPress site. The variable transfer capability will work without any further configuration.

Requirements for adding Storyline content to WordPress using eLearning Magic Toolkit

eLearning Magic Toolkit works as long as your Storyline content can be accessed by the user directly on a WordPress page. You don’t need to have an LMS plugin installed, such as LearnDash or LifterLMS. However, if you use direct links in WordPress to your story.html file within the Storyline project folder, you may find that the plugin won’t work as intended.

Embedding a Storyline project into WordPress

There are a number of ways you can embed a Storyline project into a WordPress page. We recommend using an iframe, which you can link to the project’s ‘story.html’ file within your published project directory. Your iframe code may look something like this:

It’s important to enter your HTML code in the Text view for the page, rather than the Visual view. Also, the use of a class name for our iframe object means that you can target it with custom CSS to make sure the Storyline activity looks exactly as it should on the page.

When you publish your project in Storyline, make sure you choose to publish for ‘Web’. Publishing for ‘LMS’ will also work, but the additional files that the LMS publish option produces aren’t necessary in this case.

Publish your project for ‘Web’, unless you are using a plugin like Tin Canny Reporting or Grassblade LRS to manage SCORM content uploads for your WordPress platform.

If you need further information on best practice for embedding Storyline content onto a web page, use this Articulate Storyline help guide.

Read the rest of our Knowledge Base pages to make the most of the eLearning Magic Toolkit.