164 comments found.
Thank you for this awesome plugin. what if I want to insert multilple SVGS in one page and activate each on scroll, its not working. Only the first SVG is loading… the rest needs to be clicked to activate because i enabled click. I tried alot and with multiple developers. please advice.
I have just answered your support request. Please check your email.
yes sorry we have just received your email thanks for your answer we will talk to the theme creator and get back to you
Brilliant. I am going to buy this. Please continue to develop this for wordpress. This is exactly what I was looking for. SVG are just now gaining traction I see more sales in your future. BRAVO
Thank you very much!
Hello,
No, I don’t think so. Those animations are custom and complex work. In any case, thanks for the interest.
Hello Dev
Before purchasing the plugin, I want to know that you are having Loop for only global. Do we have any option for individual loop. Suppose in a svg, i want to loop only 1 part of the scg image, not the whole svg image. So do we have any option like that in your plugin?
Second option I want that after some time the image color changes (form your graph example, after 10 seconds, the second graph bar color changes from yellow to red.) So can i do some color changing animation through your plugin?
Last, I want to know, I do have an education website. In that website im using beaker image with different colors of solution in it. So do you have any option that I can use the same beaker svg image many times with different colors in it and page does not load it every times. Instead it loads only one beaker image then changes color by using your software to improve the page loading speed.
Please reply me as soon as possible that which option you are having or you can provide in future updates, If you can promise to provide the option in future updates then i will buy your plugin today itself.
Thank you so much for your time.
Hello, I answered by email.
Interested in buying this, but wanting to make sure it’s compatible with Revolution Slider and Betheme (theme). I was reading throught the comments to see if it was and got mixed answers. Would need to make sure it works in revolution slider in mobile
Hello,
I don’t have Betheme and I have never guaranteed the compatibility with any third party plugins. In general, my plugin has another purpose.
However, if a theme doesn’t use an AJAX for its pages/post changes, then my plugin will work as is without any additional JavaScript code.
Also I know that my plugin can work inside a very first slide only of Revo slider with some additional settings. Please look at the documentation: https://enlivenem.com/documentation-wp/index.html for section “3. Settings” > “Additional CSS Selectors”. There you can define a selector for your animated SVG image inside your slider.
Hope this will help. Thanks for the interest.
Hello,
Please check this. https://prnt.sc/kvxu2h
Here is the scenario. I will add the svg icons in the sub-nav of Expertise and I’d like the animation of svgs start when hovered on “Expertise”. Is that possible?
Let me know, please.
Thanks, -Antnan
Hello,
No, that isn’t. Enliven ‘Em plugin has another purpose.
Hey, I purchased the jQuery file but it gives me serveral erros like: enlivenem.min.js:73 Uncaught TypeError: Cannot read property ‘attr’ of null.
Pleasse can you contact me on info@pixelpros.nl the help solve the problem.
Hello,
Please check your email box.
Hi, where can I find more info about the supported morph commands? Thank you in advance. Kind regards.
Hello,
Please look at the section “5. Make SVG enlivened” of the documentation, especially for “Morph” animation description. Also you can download the following morph example file and research its code: https://enlivenem.com/rabbit-crow.zip
Supercool, sorry I really missed it while checking the docs 
Thank you very much
Does this work with WPBakery?
Hello,
Sorry for the delay, I was off-line for several days.
If you are talking about WPBakery Page Builder for WordPress, then yes, it’s very simple to use via shortcode inside “Raw HTML” element of the composer.
Say, you have set “responsive” option for your animated SVG inside my Animation editor and you want your image takes 50% width only and it is centered on your page. In that case, the shortcode should look like this:
[enlivenem_wrapper style="width: 50%; margin:0 auto;" source="http://www.your_site.com/path/to/cool-animated.svg"]
hello I sent you an email – basically when I add the enlivenem class to the uploaded SVG it makes the image invisible/disappear. I’ve tried this with your free icons and the same thing happens. I’ve disabled ALL plugins to test and the same problem. Please HELP
Hello,
Please check your email.
I have tried this but it didn’t work I’m not sure which general setting has additional css selectors tab a help would be appreciated thanks.
Hello,
I have already asked you 2 days ago in reply to your support message, to show me a URL of your page with your logo. Please check the spam folder and write me a message with a URL so I can test it by myself.
Hi, sorry it was in spam my bad, i have figured the custom logo in the header yesterday but i would like your help with elementor here’s my site: http://www.outliercreative.com/
Using Enliven ‘Em plugin with Elementor one:
- Open Enliven ‘Em > General Settings page. Look for “Additional CSS Selectors” field. Add here a custom class name for a container where you will place your animated SVG with following “img”, say
.enlivenem-elementor img
Please pay attention on leading dot and the space between words. - Save settings.
- Open your page/post within Elementor editor.
- Add your animated SVG via Image widget as any other regular images like png, jpg, etc.
- Switch to Edit Image mode.
- In the sidebar look for Edit Image > Advanced > CSS Classes field. Add there the following:
enlivenem-elementor
Pay attention that there are no dot and img. - Save your page/post.
I just tried all of it, SVG is showing up but still no animation… everything looks ok but I’m not sure if I am putting right class name for that specific image could you please check again from the page what am I doing wrong?
Please be attentive. Your “outlier-design-logo-shift-home-page-1.svg” file doesn’t contain any animation data! Prepare it in the Animation editor first.
Also you have added class “enlivenem-elementor” twice. Add it only once in the Edit Image > Advanced > CSS Classes field.
oh thats very strange, I have changed the svg file by copying the animation data through cPanel but apparently it didnt copy the enlvn data.. i will try and see how it goes, thank you so much for your help!
Hello,
I’m getting this error when I make the SVG responsive. If it is not responsive, this error does not appear http://prntscr.com/k5dwus
I’ve checked the comments here and saw that you pointed to add width and height to SVG and I have added like this http://prntscr.com/k5dwnk
But I still get the error. Also when I check the console, I don’t see the width and height codes that I add. http://prntscr.com/k5dwgb
My support expired, unfortunately, and I can’t afford to buy more. I hope you help me with this.
Thanks, -Antnan
Hello,
Just update the plugin to version 1.6. This issue was already solved.
hey i am using elementor and i cant find a way to add the clsass enlivenem – any ideas?
If you are talking about that page builder: https://elementor.com then
1) Be sure to update Enliven ‘Em plugin to version 1.6
2) Go to plugin’s settings -> General setting -> Additional CSS Selectors. Add into the field the following code:.enliven-em-container imgPay attention to the leading dot! Save changes.
3) Go to your page/post -> Edit with Elementor. Add Image block with your animated SVG. Inside “Edit Image” dialog box choose “Advanced” -> CSS Classes and add
enliven-em-containerwithout dot!
4) Update your page/post
Any idea what this error would refer to – <svg> attribute width: Unexpected end of attribute. Expected length, ””.
I am unable to see my created animation when inserted into my page and the console gives me this error.
Hello,
This error is not a one which may block your SVG. This error is produced by jQuery version series 1.XX.X which is implemented in WordPress and it appeared in newest browsers versions only and also this issue doesn’t fire if you use jQuery versions 2.X or 3.X. However, during a day or two I will upload a big update which also includes a fix for that issue.
So I don’t think that this console message is a reason. I suggest to test your initial (before animation editor) SVG code for any errors. Please open your file directly in Google Chrome, it will show you issues, if any.
If this will not help, please email me from the “Support” tab above your URL so I can look at it by myself.
Hi, this is a presale question. I would like to reproduce the effect of this site : https://recrutement.decathlon.fr/
I need, on hover, to change icon and background colors (invert them), and to have a little move on each icon. Is it possible with your plugin ?
Also, is it possible to upload own svg icons for this type of effect ?
Thanks
Hello,
Unfortunately, the answer is “no” for both questions.
Just checking if there is an issue with the plugin since it was working for me earlier this week and it stopped for a sudden.
Please write me a message from the support tab above with a URL of your page/post.
Question can i make a logo animation in the editor but not use the editor plugin on another site.. but still put in the logo animation on a site there the plugin is not installed ?
Hello,
No, your logo animation will not work on a site without installed WP plugin.
In general, my product consists of two parts: 1) the WP plugin itself, which you should install on your server, there is a rule by the way: one domain – one license, and 2) the Animation editor, which you may not upload on any server and which is designed for using locally on your computer.
However, the Animation editor you can try online on my demo site only before purchasing: http://enlivenem.com/animator/animator.htmlAlso I strongly recommend to get familiar with the documentation: http://enlivenem.com/documentation-wp/index.html
Thanks for the interest.
Your plugin looks promising; would it be possible to make an animated preloader?
Hello,
No, I don’t think so. Animations starts when a page is fully loaded.
Hello, i have to built a wordpress page, with a vector city cartoon background that i want to animate with your plugin. I have two question about it:
- Can i link some of my background elements on other site pages or general links? - Is it all responsive? - There is a way for loop all animation without push anything?
Thanks in advance
Hello,
1) Your links don’t depend on my plugin. In general, any SVG element can be wrapped with a link. Please look at http://tutorials.jenkov.com/svg/a-element.html for more info.
2) Your whole SVG can be responsive. It mean that it will take 100% width of its parent container on your page, say it may be a paragraph or a table cell. The responsiveness is set by one option in the Animation editor: http://enlivenem.com/animator/animator.html
Try it before buy.
3) Yes, an animation can be looped, but only the whole file, not an individual shape. Also you can set a desired loop delay. Please keep in mind that loop is disabled in the Animation editor.
Also I strongly recommend to get familiar with the documentation: http://enlivenem.com/documentation-wp/index.html before making a decision. Thanks.
Hello, thanks for your precise answer. As for the loop, I have to recreate a city, so it’s OK to me that all the elements that make up my animation move together, and not just one of them. (For example, moving clouds, moving cars, etc.).
I already tried your demo, and in fact I saw that I can not set a loop, but once it’s published it works, right?
Thanks again
Yes, of course, the loop will work on your published page.
good afternoon. please tell me how the Cooper theme interacts with the Enlivenem plugin? I add a photo, or the svg code and the animation does not work
Hello,
I provide a support via email for my buyers only.
Please send me a message with a URL of your page/post from the “Support” tab above, being logged in on CodeCanyon as a user who purchased my plugin. Thank you.
And by the way, my plugin does not have any themes’ dependencies.
