HTML5 Folder or OAM to Wordpress?

1

Greetings!
I have used OAM files with my WP sites and they work great. However, I have a much larger 260mb presentation I want to include in my WP site.

I have tried to upload the OAM file through 'add new animation' but it keeps timing out.

Is it better to upload the html file and resource folder to cpanel and try and make that work, or can/how would I load the OAM via cpanel.

Below I have a screenshot of the current OAM files in the directory... can I just make a folder named 33 and drop the OAM in there?

Yikes! thanks for any assistance. :slight_smile:

Screenshot 2024-07-23 at 6.38.05 PM

2

Do you have SFTP access? Using an app like FileZilla could be very easy… once the correct settings are used… just drag-and-drop the files into the appropriate folder.

3

Hello..., thank you.
I have filezilla, but which is the correct folder? Does the OAM file extract itself?
The screenshot is of the existing OAM files on the same site. As you can see, they are the individual files, not the OAM file.

Sorry but I am a wee bit confused.
Thanks for your time.

4

If you're using SFTP, then don't use the OAM. Just “Export as HTML5” with an index.html file. Then, you can add the project to the page with an iFrame or cutting and pasting the code from the index.html.

At least, that's basically how I do it. :smile:
I wrote a custom export script to streamline the process a bit.

5

Here's a walkthrough for this process: Video tutorial: Uploading your Tumult Hype document to a Web Server and Embedding Within Another HTML Page

For specifically wordpress, this might also be helpful:

You'll probably just want to drop it anywhere in your wp-content/uploads/2024/ folder. Then you can reference it. Let us know if you have any Qs!

6

Daniel.
Great tutorial, thank you.

Success with it all, except a considerable amount of background images are not present when previewing the page, nor does any button hovers work.

Pursuing the assumption that missing images were not embedded, rather just referenced...?

1 Like
7

Those are odd things to not work after upload— can you double check that all images in your .hyperesources folder were uploaded? If you can share the URL of your uploaded exported HTML file I can see why the button hovers may have stopped working.

8

Thanks for the offer Daniel.
The issue has caused pause in UI design/content... so a bit of a rethink going on :slight_smile:
Appreciate your time.