start animation on button click using elementor

Hi Gianpizano,

Thanks for your interest in Animate It!

However, I am afraid the functionality you need would not be possible using the plugin alone.

You need to add some simple Javascript and custom HTML code as shown here:
https://www.w3schools.com/howto/howto_js_toggle_class.asp

The tutorial is really simple.
This should toggle the animation classes you want.

Here’s an quick example I tried:
https://visas.wpdevcloud.com/giancarlo-animation/

Please let me know if this is what you want and I’ll share the code with you

Hi there!
Thanks for the support.

It is perfect!

Thank you! I am waiting for the code to put it in my project and the link to make my donation. Greetings!

This is the code I used:

<div id="myDIV" style="text-align: center;">
    <img src="https://visas.wpdevcloud.com/wp-content/uploads/2021/08/animateit-icon.png" />
</div>
<p style="text-align: center;">
    <button onclick="myFunction()">Animate it!</button>
</p>
<script>
function myFunction() {
   var element = document.getElementById("myDIV");
   element.classList.toggle("animated");
   element.classList.toggle("zoomOut");
   element.classList.toggle("duration1");
}
</script>

Its pretty straign forward. Please feel free to let me know if you face any issues.