[Video] How to Insert HTML5 Files into Adobe Captivate 8


I’m here to walk you through how to insert HTML5 files, like Game Templates and Interaction Templates, to work with Adobe Captivate 8. Keep in mind, HTML5 files can come from several different sources. For this tutorial, I am going to use HTML5 files from Adobe Edge Animate that I have edited. The best way to get the file to put into Adobe Captivate 8 is through a web window or web object. Let me show you how to do this eLearning trick.

Upload Files to an FTP Client

The first step is to upload your files into an FTP server. With all the published files from Adobe Edge Animate, upload it to your FTP server. I like to use Filezilla. If you don’t know how to use FTP servers, you might need to get hold of your IT department. Once you have the published files from Adobe Edge Animate in your FTP client, get the file location. This location becomes your URL. This URL will be what we put into Captivate.

Put the URL Into Adobe Captivate 8

The next step you will want to check and make sure your URL works before you put it in Captivate. Next, open Captivate and create a new slide. Now go to the Interactions tab then in the drop down click Learning Interactions. A window will open and just scroll down to the bottom to web object. Select it and then click insert.

The new window will have the option to put your new URL or address into Captivate. Paste your URL in, and click OK. Now your HTML5 game or interaction will be inside your Captivate course. Next, you’ll want publish this course, and put those files into your LMS.

Watch the Video on How to Insert HTML5 Files into Adobe Captivate 8

Watch this video in YouTube.

Want to get eLearning Game Templates and Interaction Templates? Make your Captivate courses awesome with these Adobe Captivate 8 templates. Click below to get started.

Get Started Here!


  1. Do you have a video or instructions on how to import HTML5 created in Captivate into Lectora and then publish as Scorm? Thanks!

  2. Hi Charity, thanks for your comment. Let’s see… I will have to get back to you.

  3. Thanks!

  4. WOO HOO! That was incredibly helpful. I just had to tweak a smidgen for a HTML5 project generated directly from Captivate. Thank you so much!!! I have been working on this for weeks. You saved the day!

  5. That is great to hear Charity! Anytime you need help, just let us know.

    Also, you can get your answers even faster if you email support@elearningbrothers.com.

    Have an awesome day!

Submit a Comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>