Tumult Hype Animations Wordpress Plugin

I don’t recommend using responsive settings for the height dimension unless you have a good understanding of your Wordpress theme. Are you using scale properties on both width & height?

There’s many threads here regarding flexible layouts and embedding in Wordpress (though there are not any in Spanish). The quick fix is to disable the ‘height’ scale checkbox. A bit more info here:

Here’s how to determine how a responsive document (on the width dimension) will behave in your Wordpress theme: https://www.youtube.com/watch?v=CuwkJTtuGLc. That video was created prior to the Wordpress plugin, but the same rules apply. (The part that no longer applies is the part regarding FTP uploads, since the plugin handles that).

1 Like

It worked disabling height.


One more thing… Is there any way to make the animation start only when it is visible?


Yup, here’s info on that: https://tumult.com/hype/documentation/3.0/#viewport-actions – Make sure you embed the animation using the ‘div’ method (the default) not the ‘iframe’ method.

1 Like

Once again: Thanks!! It worked.

Every time I suggest anybody to start using Hype I say it is not only Hype, it is Hype and the best support ever.


A post was split to a new topic: Troubleshooting Blank Shortcode for Wordpress Plugin

Updated to 1.7.4

  • Smarter sorting, so your most recently-updated Hype animations are shown at the top of the admin window
  • Fully compatible with WP 5.0.1, but I didn’t really do much here except test it and update a couple strings.

Reminder: If you like this plugin, rate it on the Plugin page :pray:


Thanks! At one point we need a block, though. At least it would be nice.

Hi @Daniel,

I noted that you upgrade the plugin, and the new feature is great.

For a same Hype document, the sizes are different between oam and folder of export.

After unzipped the oam file, I found the difference is the default.png file, it is really big size, here is example:

one 2.4 MB project will export a 6 PNG image in OAM file.

what the png image is used for? can I delete it and then zip and change the format back to OAM and upload to wordpress?



This can be safely deleted – it is used by other platforms as a thumbnail, but it is not used by Wordpress.

Hi @Daniel,

Sometimes, I failed to update the hype document with oam format even I disable all other plugins.

I have to delete the previous hype cam document at wordpress backend, and upload a new one, but if I check the Hype document directory by FTP, I found the old hype oam file is still on wordpress directory.

I supposed the issue is related to IP-GEO-Block,but it is not, the issue could be reproduced after IP-GEO-block is deactivated, after reactivate HYPE plugin, the issue might disppear.

so please check these two post at following url for detailed information:



It looks like from the first post the author now believes (as of 2 days ago) there was an issue in their code?

4 posts were split to a new topic: Minimum Height for Wordpress Embed (Wordpress Plugin)

My CSS and global variables in my html is not being recognized. I discovered that @Daniel 's comment is why.

Can someone please elaborate on how can include the javascript and css I have in the into an iframe and have it read when I serve it on a Wordpress site.

Is this something I can do within the Tumult interface? Do I create a resource file? I tried creating an html file with the js and the css inside and iframe and added it to the resource files. No luck.

Or is it a file that I have to add outside the app? If so where?

This is what I have in the head html:

<script  type="text/javascript">

// global variables

  var totalSelectOne = 0;
  var totalSelectTwo = 0;
  var arrayAccum = [0.00,0.00,0.00,0.00,0.00];
  var maxDistanceHold = [0.00,0.00,0.00,0.00,0.00];     
  var electricHold = [0.00,0.00,0.00,0.00,0.00];       
  var hydroFuelHold = [0.00,0.00,0.00,0.00,0.00];   


<style type="text/css">

 border-style: solid!important;
 border-width: 3px!important;
 border-color: #438730!important;


prototypeV7.zip (650.5 KB)

I’ve had good luck with running Hype animations in Wordpress in the past.

But for this most recent project, I’m running into issues with the < head >html as well as running jQuery commands.

Would it be a good solution to serve the Hype folders in a separate server and run everything in an iframe within Wordpress?


You can if I am recalling this correctly. Use iFrame instead of DIV in the tumult Hype panel in WordPress … setting on each upload.

I recently added a new guide on this topic guide to the troubleshooting section above. It deals with how to use jQuery when embedding via the WP plugin (by @MarkHunte). You may have seen it since then.

1 Like

Version 1.8 just released, which is a quick update today to address three things that bugged me:

  • It was tricky to copy the shortcode --now when you click on the shortcode it is automatically selected
  • The ‘copy code’ modal now displays code more like… code
  • Tested & supported up to WP 5.2 & deprecates support for PHP 5.5 which no longer receives security fixes.


1.8.1 also pushed live, now with Afrikaans language support.

To help translate, visit this page! https://translate.wordpress.org/projects/wp-plugins/tumult-hype-animations/dev/ :iceland:


2 posts were split to a new topic: Troubleshooting OAM widget upload to Hype Animations Wordpress Plugin

Version 1.8.2 Just pushed, with support for Wordpress 5.3 and a couple tiny fixes to make life easier.

If anyone wants to help figure out why this is happening that would be awesome: