How to Share eLearning Courses Outside an LMS

Welcome to this tutorial on uploading a published Articulate Storyline or Adobe Captivate course to the web using Vercel and GitHub without any complex code. In this video, we will show you how to make your course viewable by anyone outside of a learning management system (LMS), making it easy for instructional designers and eLearning developers to showcase their work for their portfolios.
First, we will use GitHub to host our published Storyline course. GitHub is a popular hosting platform for software development projects, but it's also an excellent tool for storing web files. We will create a repository for our course and upload the published files.
Next, we will use Vercel to deploy our course. Vercel is a cloud platform for static sites and serverless functions. It provides a fast and easy way to deploy and host web projects. We will link our GitHub repository to Vercel, and our course will be live on the web in just a few clicks.
In addition to being an excellent tool for deploying and hosting web projects, Vercel is also known for being more straightforward to use than other cloud platforms like AWS. With Vercel, you don't need to worry about infrastructure or server maintenance, as the platform handles everything.
Vercel also offers an intuitive and user-friendly interface, making it easier to navigate and use than AWS. For example, Vercel has a simple drag-and-drop interface for deploying projects, while AWS can require more technical expertise to get started.
Another benefit of using Vercel is its fast deployment times. Vercel uses a unique "atomic" deployment system, which means that updates to your project are deployed instantly without any downtime or disruption to your users.
Vercel provides a simple, fast, and easy-to-use platform for deploying and hosting web projects. It is an excellent choice for instructional designers and eLearning developers who want to showcase their work.
So, suppose you're an instructional designer or eLearning developer looking to publish your Articulate Storyline course. This tutorial will show you how to do it quickly and easily using Vercel and GitHub. Let's get started!
🥷 Link to Full Courses
Articulate Storyline 360: courses.learni...
Storyline & JavaScript: courses.learni...
Adobe Captivate: www.udemy.com/...
xAPI Fundamentals: courses.learni...
Camtasia: www.udemy.com/...
Articulate Rise 360: courses.learni...
If you want to learn more, visit learningdojo.n...

[@ImAFatFunnyGuy]

This is super informative. Great job again Jeff. We gotta get you more exposure on this platform. Thanks again for a great content, great presentation and amazing editing and delivery of your content.

[@LearningDojo]

I appreciate that!

[@wormholeinteractive]

The production value is 💯

[@LearningDojo]

This means a lot! I have constantly been trying to up my production game these past 3 years.

[@e-learningtrainer2957]

Thank you so much for the sharing! Content is very useful for resume creation!

[@LearningDojo]

Glad it was helpful!

[@KyleMapp]

Thank you so much! It worked! I have been trying to upload this to my website for two days. Thank you so much!!

[@LearningDojo]

Glad it helped!

[@murpho19]

Hey Jeff - this is a *fantastic* tip, sir! Great explanation and resource!! I tried this with a Rise export though, with no luck. Have you been able to replicate this with a Rise export?

[@LearningDojo]

You might have to point to another file rather than the story.html file. I think it may just be index.html but would need to check. It should work though.

[@vimalrajk9280]

Gem of an information for starters like me! Thank you, Jeff!

[@LearningDojo]

Glad you found it helpful!

[@AC-wq3eq]

This was super helpful! Thanks Jeff

[@LearningDojo]

Glad it was helpful!

[@lisar.271]

This was great! Easy to follow and implement. Thank you!!!

[@LearningDojo]

Glad it was helpful!

[@unluistorres]

As always this is great. Thank you so much for sharing!

[@LearningDojo]

My pleasure!

[@jorgemata1225]

This is amazing! Thanks for sharing valuable stuff!

[@LearningDojo]

Glad you found it helpful!

[@_izmSD]

We were literally looking for other ways to host Articulate project samples. We use AWS to host 360 environments and client eLearning files. Had the same thought that there must be a better/easier way to host the project samples rather than on S3. Stopping that and going to do this. Thanks!

[@LearningDojo]

Awesome! Yeah I love the simplicity of Vercel/GitHub. Glad you found it useful.

[@megustasparce2]

THANK YOU! THIS is some useful content.

[@LearningDojo]

Glad it was helpful!

[@Jeromech06]

Very good stuff, thanks a LOT!

[@LearningDojo]

My pleasure!

[@daliaantunes1303]

Super useful, thank you!

[@LearningDojo]

Glad it was helpful!

[@טלרוזכרמי]

Thank you - SAVE MY LIFE

[@LearningDojo]

AWESOME!

[@haythamsayedmohamed]

Awesome .. thank you

[@LearningDojo]

You're welcome!

[@waleedzuhairalani]

Could you please create a tutorial video on setting up an eLearning studio to record training videos, including the necessary equipment like a camera, mic, software, lighting, etc.? I really appreciate any help you can provide.

[@LearningDojo]

I have thought of doing this so thank you for the additional comments.

[@SmokeyDimsums]

this is great stuff! Thanks a ton. I was able to upload my files using ftp to web server. However i am not sure how to create a link for the story.html file to add to my website.

[@LearningDojo]

You uploaded to GitHub and vercel? I think I cover how to navigate to it towards the end of the video. Did that not work?

[@SmokeyDimsums]

@@LearningDojo your method worked for me. Thanks a lot.

[@LearningDojo]

@@SmokeyDimsums awesome!

[@Sarah-ps2jb]

This was very helpful! How can we do this with a course designed on Articulate 360? Thank you!

[@LearningDojo]

Are you meaning like Rise 360? I use Storyline in this tutorial which is part of Articulate 360 so wondering if you are talking about the Rise tool. You export to web within the tool and then take the package and upload to GitHub like you do with the Storyline file but just point to a different file. But Rise also has the Share link without review so you could do that too.

[@designsbyjordan]

Thank you!!!

[@LearningDojo]

You're welcome!

[@KarenTaylor-z4m]

do you have a video on how to publish to the web AND track responses? An embedded google form or similar exporting to Google Sheets? Or some other way? thanks

[@LearningDojo]

Hmm, that is a cool idea. Maybe submitting data to a Google Sheet. Yeah I will give that some thought.

[@adrianacamilachavesbarrera8806]

Thanks, Jeff! However, when I try to move to GitHub two folders with the name notes and slides from the export files, it says the files are hidden. I checked in the folders properties, and they are not hidden. How can I solve that?

[@LearningDojo]

I have not run into that. Did you also try to get it into Vercel? Wonder if it shows up there.

[@HeidiCornwall]

Hi Jeff, this almost worked for me. But when I clicked on the end product it took me to a my e-learning but it was all black. I tried to retrace my steps and do it again. Vercel has changed since this tutorial was made. Under settings it no longer says Login Connections. I think it uploaded to Github just fine. Do you have any suggestions to point me in the right direction?

[@HeidiCornwall]

Ok, I redid it and it worked! Whew! This is amazing! Thank you so much!!

[@LearningDojo]

I see that it worked! Good, sorry just seeing this. Glad you got it working.

[@magsepps]

THANK YOU for this! I followed your instructions and it worked THE FIRST TIME...! My only issue now is that the link has a bug in it..."please rotate your device"...when I do that, nothing happens--even when I reload the link. Any solutions for this? Allegedly HTML5 is to solve this...not!

[@LearningDojo]

This could depend on your setting in Storyline. Did you adjust the mobile preview settings?

[@katiebelt6428]

Can you do this with a Rise 360 course too?

[@LearningDojo]

Yep! You just point to the main Rise file instead of story.html

[@placeforbeing]

thank you so much

[@LearningDojo]

You're welcome!

[@torontopremiumconsultancy]

Do you know for the new version of Adobe Captivate is possible to export on my website?

[@LearningDojo]

Yes you can still just publish without any SCORM files and it should work like before.

[@guizot2010]

You mention at the end that it's possible to do this with something like Godaddy and FTP. I have a server like that, but I haven't been able to make it work like you show here. Is Vercel still necessary? How does one do this if one has one's own FTP server?

[@LearningDojo]

So it is more complex for sure. You have to get the FTP connection info and use an app like CyberDuck to connect to your server. Or you go into their CPanel and upload from there. I do this whenever I update my website. So I buy a URL, I then get the FTP connection info, I place my website files on my website which in this case would be my published Storyline file. It is not as easy as Vercel but that is doable. I may do this kind of video in the future but you may need to reach out to GoDaddy support.

[@SmokeyDimsums]

​@@LearningDojoThanks this is similar to the problem that I am facing. I will also check with the online support team

[@wormholeinteractive]

Have you tested any articulate files containing links or Embedded documents (as in The resource tab)? AWS always gave me issues with those.

[@LearningDojo]

It may depend on how you are linking to those files, it is something to test for sure. I will try it out.

[@LearningDojo]

I would assume it works better than AWS since AWS you have to enable permissions on all the buckets and Vercel works much more like regular web hosting.

[@gimelgar4233]

Hi. I was able to upload the articulate course in vercel but when I access the URL, it's saying that I'm offline but my internet connection is working and is fast. Do you have any recommendations on what should I do?

[@LearningDojo]

Hmm. not sure. Are you pointing directly to the story.html file?

[@jliss1]

This may sound naive but would this work to transfer a Storyline course to Kajabi?

[@LearningDojo]

I think I just answered your email :) Yes if you upload it here and then embed in Kajabi.

[@kariturnerart]

Github is telling me my files are too big. Any recommendations?

[@LearningDojo]

Do you have a lot of video? That could be the biggest point but free version is limited but if you reduce video it should be fine.

[@deborahlinn]

Thank you for the information, but it isn't working for me.

[@LearningDojo]

Vercel? Or GitHub?