How do I embed Adobe Animate as a 'div' in Wordpress.

[rizwaanakhtar91]

Hi, All,

This is my first question on the Adobe forum, and I look forward to discussing topics in the future.

I have a question, I've created an interactive HTML5 canvas within Adobe Animate, I want to embed the animation on the homepage of my Wordpress site. Not sure if you guys are familiar with Avada, but that is my theme I'm using; it allows users to embed their own into a 'grid tile'. I've tried creating an iframe to host the HTML file, I'm not sure either I'm not putting the files in the right place, or WordPress won't allow it. 

Does anyone know how to embed the animation?

Thank you!

[Colin Holgate]

You can export an OAM file from Animate, and there is a WordPress plugin for including OAM in your page. Here's an article about it:

WP Edge Animate OAM Renderer — WordPress Plugins

That article is talking about Edge Animate, which is a different tool, but I think the OAM side of things should work for Adobe Animate too.

[rizwaanakhtar91 · Accepted solution]

Hi Colin,

Thank you for your reply.

I've managed to get the Canvas to Work!

I implimented the canavas using an iFrame. The files need to be rooted in the 'upload' folder , like this  "https://'website'.co.uk/wp-content/uploads/2017/10/'filename'.html"

Then it's a simple iframe, with some CSS

[Colin Holgate]

Thanks for reporting back about your solution.