Dear Kingteeb,
Thanks for providing the info.
you would have to ad javascript to the page to achieve this.
Do the following (it is simple copy and paste mostly ?? ):
1. Add this plugin to the website:
https://www.ads-software.com/plugins/insert-headers-and-footers
2. Go to Settings, Insert Headers and Footers and add the following to the footer box:
<script>
jQuery(function(){
jQuery('.add-class-btn').on("click", function () {
jQuery('.animate-me').addClass("animated spinner duration1");
});
});
</script>
Please note: you can change the animation classes , just go to:
https://www.downloads.eleopard.in/class-generator-wordpress
generate you class, Copy and replace animated spinner duration1 with your own generated classes.
3. The area which you want to be animated, add animate-me class to it.
(refer this screnshot)
4. Add the class add-class-btn to your button
(again you can use widget class area, or you can do it manually)
Now your animation should be added to the area on click.
You can see this live here. I have used Sydney theme and Siteorigins to replicate your website:
https://animateitdemo.wpdevcloud.com/post-for-kingteeb/
Let me know if this works for you.