Are you building your portfolio? Articulate Storyline is a rapid development tool for eLearning, and WordPress is an open-source content management system that many of us use to organize and display our websites. A common question I get is, “How do you get your Articulate Storyline modules up on your WordPress site.” In this blog, I will publish an Articulate Storyline module to the web and show you two ways to get it into WordPress. There are probably other ways, but this way does not require any plugins.
Publish Storyline Module
Publish your Storyline module to the web. Next save your file as a zip file.
Uploading to File Repository
There are two options for uploading your file to the file repository for your website. The first is to use the file manager for your web host, and the second is to use Articulate Storyline’s FTP transfer. I use HostGator for my web host. I have logged into their customer site and navigated to my file manager. There are plugins for WordPress that make it possible to log into File Manager from your website dashboard. I tried one of these, and it crashed my site. So I prefer to go directly to the file manager.
Double click on your file manager and you will see the file structure for your website. Open the public.html folder.
Creating a Folder for your module
Your Articulate Storyline module will have multiple subfolders. You will want to upload it as a zip file to make sure all of the subfolders stay together. Eventually, you will unzip it. To keep your file structure organized, create a separate folder for each Articulate Storyline module. To create a folder in File Manager, select the + folder option.
Choose a name for your folder. Make it simple, but unique, so your file structure is easy to follow.
There is now a folder named “Sample” in my public_html folder.
Use FTP to Transfer the Articulate Storyline file from your computer to your Web Server
The first way to transfer your file is via FTP from Articulate Storyline. Your server is your website address. Use port 21. Your username is the username for your web server, such as Hostgator. The password is your web server account password. Your directory is the file path you just set up. Mine is /public_html/Sample/ Test the connection next. Send the file to the Web Server.
Upload Articulate Storyline Folder Directly into the File Manager
The other option is to go directly into the file manager of your web server and upload a zip file to that folder. I created a second folder called “sample.” I find this option is more manageable because sometimes the FTP transfer drops a file.
Select upload a file.
Drag and drop the zip file or select the file and upload it.
The file is now uploaded. Select go back to return to the root file “sample.”
Next, select your zip file in its folder and choose extract.
The default is to extract it into the same folder, which is what I do. Then I delete the zip file.
Use an Application
Another option is to use a WordPress application to upload and embed your Storyline content such as this one by Brian Batt.
Embed your Storyline file.
The next step is to embed your Storyline file on the page of your choice. If you right-click on your story_html5.html file, you will get the file path for your Storyline file.
You could use the word press page builder or the Elementor page builder- whichever you choose, select add an HTML code, and then add your code as below. Notice my file path is my website followed by the file path that does not include /public_html
<iframe src=”https://ltpcreativedesignllc.com/sample/story_html5.html” width=”780″ height=”558″></iframe>
Select preview to view your HTML and make sure that it appears as you expect.
Do you need help with your file upload?