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

Question

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!

rizwaanakhtar91 · Accepted Answer

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 · Answer

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.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded