How to load projects to personal website?

Simple enough.

This is an example on my website. You will need a server to host it on, and I just include an image and text with a hyperlink in it.

Does that work for you?

Hi Bruce. I use Siteground as my host and Wordpress to build my site. When I start a new page on WP I can link to another page but how do I actually load the project onto Wordpress? 

Once you've made your project, how do you load it on to your site? 

That's the main problem I'm having.

BTW - your site looks great. 

-Tom 

Thanks for your kind comments.

OK - not sure how it works with the tech you have, but here's what I do - hopefully the concept transposes.

1. Publish SL as "Web".

2. FTP the entire folder structure to an appropriate place on my webserver, using Filezilla, although there is an onboard FTP tool with my hosting company.

3. Just point a link to the "story.html" file.

Hope that helps.

Do you use something like Wordpress to author your site? If so, I assume your FTP transfer communicates with your authoring software? 

My site is authored in GoDaddy's Website Builder
Bruce

Hi Tom,

Here's how you can embed Storyline/Captivate output on a website (including WP).

<div align="center"><iframe width="740" height="596" src="/path/to/storyline/story.html"></iframe></div>

Hope this helps,
Alex

Hi Alex - where would I write that code. My skills with code are limited, to say the least. 

You should write this Inside an(y) article, while on html mode.

Ok, thanks Alex but I think I may need some more experience at this. I have no idea what that means. : )

The frustrating part for me is that I can create some nice looking projects in Captivate, I just can't load them on to my site. I have no idea how to manipulate code so I may need to take some time to figure that part out. Thanks for the info though. 

I would love to just sit down with someone and get some training how to do what I'm trying to do. I need to figure out how to manage my website better. 

Thanks,

Tom  

Here's a video of how you can go about embedding iframes to your articles.

Thanks Alex - that looks great. 

I don't know if you know the answer to this - if I create a Captivate project, publish the output as an HTML5 output, I just have to copy the HTML5 code from the file, and paste it into my iframe block? 

Then, where does this go?     <div align="center"><iframe width="740" height="596" src="/path/to/storyline/story.html"></iframe></div>     

Again, thanks for your patience. 

1) You don't have to publish your project as HTML5 only, this works for Flash output as well.
2) You shouldn't copy the code from the published main html file to WP, it won't work like that.

The steps are:

• Upload the project to a separate folder on your webserver - Note down the path to the main html page. For the sake of this example, lets say the Cp output folder is now at http://hanninen.com/captivate/01/index.html
• Since you are uploading to the same place as your site, the iframe code should use a relative path so the resulting code should be : <div align="center"><iframe width="740" height="596" src="/captivate/01/index.html"></iframe></div>

Once you publish this, you should be good to go.

Hope this helps,
Alex

Well, I finally solved the issue. I got rid of Wordpress and built a site from scratch using Dreamweaver. It is very much in the beginning stages but it works. I can load a Captivate project onto the website and it can be viewed with Apple or Android devices and everything seems to work fine. 

Now, I can focus on developing better eLearning projects. At some point I'm going to create some screencasts for this process in case anyone else ran in to to same issue I had. 

Hi Bruce,

I hope you are still around and still a hero because I think you might be able to help me configure the story.html link correctly. 

I have published my project as Web, uploaded via Articulate FTP and in Filezilla I can see the files on my Wordpress server.  I cannot, however, seem to get the link correct when I test it on a webpage. I keep getting a 404 "resources unavailable" error.

My site is a wordpress.org set up. I am using just a regular link tool (as if I were linking to an external website or something) on a page using the rich text editor. No plugins or anything. 

Here's how I configured my link and the image of the files on the FTP client is attached so you can see the directory layout (the site is jennyannrowe.com):

jennyannrowe.com/jenny/Storyline/story.html

I appreciate any guidance you can give me!

~Jen

Thank you, John.