• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

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

New Here ,
Oct 04, 2017 Oct 04, 2017

Copy link to clipboard

Copied

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!

Views

4.1K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

New Here , Oct 04, 2017 Oct 04, 2017

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

Votes

Translate

Translate
LEGEND ,
Oct 04, 2017 Oct 04, 2017

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Oct 04, 2017 Oct 04, 2017

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Oct 04, 2017 Oct 04, 2017

Copy link to clipboard

Copied

LATEST

Thanks for reporting back about your solution.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines