How to upload Adobe Captivate content into a WordPress website

Looking to insert or embed Adobe Captivate content into your WordPress site? In this article, we’ll show you how easy it is to publish content from Adobe Captivate as a .zip file and upload it to your WordPress website.

(Note: It doesn’t matter if you’re using the Mac or PC version of Captivate. The steps are very similar.)

Applies to:
Adobe Captivate 2019 Release
Adobe Captivate 2017 Release
Adobe Captivate 9
Adobe Captivate 8
Adobe Captivate 7

Step 1
Open your course in Captivate and select Publish > Publish for Devices:

(If your course is not responsive, click on Publish > Publish to Computer)

captivate wordpress plugin publish for devices

Step 2
In the dialog box, ensure “Zip Files” is checkmarked. The Wordpress Plugin that we’re going to use only needs your published .zip file. This makes it really easy to upload your content to WordPress.

captivate publish choose zip files

Step 3
Set “eLearning Output” to disabled by unchecking the “Enable reporting for this project” option. This ensures your learner doesn’t receive an LMS error when viewing the content.

captivate eLearning output disabled

Step 4
Click on Publish:

captivate publish button

After publishing is complete, you’ll have a single .zip file that we’ll upload into WordPress.

Step 5
Login as an admin into your WordPress site.

Step 6
Click on Plugins > Add New > Click on Upload Plugin

Step 7
Manually install the “Insert or Embed e-Learning Content into WordPress Plugin” plugin file from: https://www.elearningfreak.com

Step 8
After installing and activating the plugin, create a new Post or Page in WordPress.

Step 9
The plugin will add a new toolbar icon (the letter ‘a’) next to the ‘Add Media’ button on the Edit Post and Edit Page pages. Click on that icon to start the upload process.

captivate wordpress plugin upload button

If you’re using the Gutenberg editor, you’ll see an e-Learning Block:

gutenberg elearningfreak

Step 10
Click on the “Choose Your ZIP File” button or “Upload” button and then select the .zip file that you published earlier from Captivate. Click on the Upload button.

Step 11
After the upload completes, select either IFrame, Lightbox, Link that opens in a new window, or Link that opens in the same window.

If you select IFrame, we recommend choosing to insert it as a Responsive IFrame in the IFrame Options section. This ensures that your content looks great no matter what theme you’re using.

wordpress captivate plugin responsive iframe options

If you select Lightbox, be sure to select the option to Disable Scrollbars.

Step 12
After selecting other available options, click on Insert Into Post. A small shortcode is inserted into your post or page. Click on Preview and enjoy seeing your Captivate content displayed perfectly on your WordPress website.

That’s it! You’ve successfully uploaded your Adobe Captivate course into your WordPress website.

Pro Tip: If you don’t like how your content looks, there’s no need to re-upload it. Simply click on the ‘a’ again & then click on Content Library. You’ll see all of the content that you’ve already uploaded. Just click on the content you want to re-insert, select the new options, and insert it again.

wordpress plugin for adobe captivate content library

Here’s How To Upload Adobe Captivate Content Into WordPress

 

Screencast showing how to embed Captivate in web page

Tags: Adobe Captivate WordPress Plugin

Article Last Updated June 25, 2020

Insert or Embed Captivate Content into WordPress Plugin

Average Rating: 4.6
Votes: 74
Reviews: 74

ELEARNINGFREAK

This website is independent of Articulate Global, LLC, and is not authorized by, endorsed by, affiliated with, or otherwise approved by Articulate Global, LLC

We offset our carbon footprint via Ecologi