How to Upload Storyline Content to the Web

Upload Storyline Courses to the Web tutorial cover photo

Do you have an awesome Storyline course that you'd like to share with the world, but you don't have a place to host it? This tutorial walks you through the process of hosting your Storyline output on Amazon S3, a cloud-based hosting platform that lets you share links to your output.

This is an easy way to share your Storyline work with clients, employers, and peers, and it's completely free! Let's get started.

Getting Started with Amazon S3

First thing's first, you're going to need an Amazon Web Services account to use with Amazon S3. Head over to the S3 website and choose the "Create an AWS Account" option from the top toolbar.

Select "Create an AWS Account" button on Amazon S3 homepage

Enter your email address, create a password, and select an AWS account name, then select the "Continue" button.

Now you can select your account type and enter your personal information (including your billing information) to continue the account creation process. Just follow the prompts and choose the "Free" plan, as this includes 5 GB of storage at no cost.

Once you've created your account, it's time to create the "Bucket" where all of your Storyline projects will go. Sign in to your new account on the Amazon S3 home page. From there, select the orange "Create bucket" button.

On the "Create bucket" screen, you need to do the following:

  1. Enter a unique name for your bucket. (This will be a part of every URL that you share from Amazon S3, so keep that in mind.)
  2. UNCHECK the "Block all public access" option. (We need the bucket to be public if we're going to share the files publicly.)
  3. Check the box acknowledging that the current settings will result in the bucket becoming public.
  4. Select the "Create bucket" button
Create the Amazon S3 bucket and uncheck "Block all public access"

Voila! The bucket has been created and your Amazon S3 account is ready to host some content.

Uploading to Amazon S3

From the "Buckets" page, select the bucket that you just created.

If you haven't already published your Storyline course as an HTML web project, then open up your project in Storyline. Go to the "Home" tab, click on "Publish." Choose the "Web" tab, select where you'd like your output to publish to, then press "Publish" again.

Find the published HTML5 output folder in your file explorer, then drag and drop it onto the Amazon S3 webpage with your bucket open. Drop it onto the blue area pictured below; if you already have files in your bucket, then just drop the folder in the same general area as the other files.

Select "Next," then select the dropdown arrow next to "Do not grant public read access to this object(s)" and change it to "Grant public read access to this object(s)." This will ensure that other people can view the content within your bucket.

Select "Grant public read access to this object(s)"

Now just select "Next" a few more times until the button in the bottom right reads "Upload," then select that. Now your Storyline course is uploaded to Amazon S3!

All that's left to do is grab the link that you can share with others. Select the Storyline course folder that you just uploaded so that we can view its contents.

Select the "story_html5.html" file. If you don't see that file, then select the "story.html" file. (Later versions of Storyline got rid of the "story_html5.html" file.)

Select the "story_html5.html" file or "story.html" file if newer version of Storyline

At the bottom of the next page, you'll see the public-facing URL for your Storyline project.

Copy the Object URL for the public-facing URL to your Storyline course

You did it! Copy the URL, then then paste or embed it wherever you'd like and share to your heart's delight.

Conclusion

Amazon S3 is a great way to host Storyline projects when you don't have access to your own hosting server. The process outlined in this tutorial is the quickest way to get up and running, but you could also use an FTP client (such as MSP360 Explorer) to have more precise control over your desktop-to-bucket transfers.

If this tutorial saved you some time, feel free to let me know on LinkedIn or Twitter.