This worked great! Thank you! We ran into one issue. It works like normal on our home page but when we try to add it to a secondary page on our website, it does not update any changes that we make to that page nor does it show any animations. Do you know what could be causing this? Do this only work for funnels? Thank you. SOLUTION: Very simple mistake that I was making. In order to add animations to more than one page, you need to add the custom HTML/JS code element to all pages that you would like animations on. I was under the impression that the code would carry over to all pages, it does not. Hope this helps!
I have tried this and working but animations are not smooth. For example when I open that page all elements display for nano seconds then disappear and animate properly. is there any solution for this?
This was amazing! Loved it, but im running into load speed issues. The elements I added the custom codes to which is really just headlines and some body paragraphs are taking FOREVER to load. Is that normal?
After downloading the Snapshot, I copied the Code and followed the CSS element keys but Im not having any effects activate. I also went to your review funnel and nothing is working on there either. Is this not a functional system anymore?
Are you adding the custom class names? Since we're wiring this into GHL, we have to use the backwards compatible class names, so you'd need to remove "animate_" from the classes
hello, how do i make the animation only happen when you scroll to that section? i did the code but animation through out the page happen at the same time T_T
Do you know how to do this with Figma? I created an animation in a framework, copied the CSS from Figma, then I added a picture in a column on my GHL funnel. I went to the "Custom CSS" tab, pasted the CSS from Figma and it still doesn't work. Listening to your video it sounds like I need to add the CSS style. Not sure how to get that from Figma though. Lmk if you can help, Thanks!
@@highlevelfreaks it works there and it works on the template snapshot but I've noticed that when the code is transfered over to people's sub accounts where they are trying to implement it, it stops working, or maybe we're all doing something wrong. But either way it seems everybody is experiencing the same issue
Hey Pat.. subbed and I love this type of stuff from you making really cool things really easy to implement. A while ago I found a script you created that allowed the page to display the visitor’s city/state according to their IP address I think… your HighLevel Geolocation code. I love it and I’ve have been using it on landing pages that I’m sending google ads traffic to. Do you happen to if that’s against google ads policy by any chance? Lol. I’m afraid one day I could have an account suspended for it. Thanks Pat
brother i tried it and it works the first time but when i added this to a new funnel it no longer works despite of following the same steps. any thoughts?
Hi, in ghl forms we have a option called inline, but in surveys how can i bring two custom fields in one line. Please answer this, I will be very thankful to you.
Looked promising, however, followed the steps, and entered the code and CSS but does nothing. Also cant import the snapshot either, just takes me to the GHL home page.
We fixed the link. There was a GHL bug that was messing up the download link. Just try again, or click the link in the email we sent once you opted in.
doesn't work at all, judging by comments either something needs adjusting which hasn't been mentioned in the video or not compatible with the web builder v2 they released
This is really cool! But I followed your instructions and mine isn't animating. Struggled to see the actual codes on the screen to copy them. It would have been better if you put the code in the description. I already have HL which is why I'm watching this video. So then I downloaded your free funnel with many thanks, and copied the Code however, in the Custom Class section "Wow" and "SlideInLeft" isn't showing. So I really don't know where I'm going wrong.😔 Would also like to know how to create sliding images so that you see 3 images at any one time and they move across to show more?☺
Hey Melinda, I'd need to see how you set things up on your funnel. One thing I'd suggest is making the section with the code a template that you can drop into your funnels. Then elements you want to animate would just have the custom class "wow" and the effect you want like "slideInLeft" - make sure you pay attention to case because that does matter. GHL also did have a funnel update that broke things for a few days, but it's all back to normal now. You can see how the effect works here: reviewgenius.ai
Hey me too ! it works perfectly on desktop but on mobile the animation works on some and on other the text or picture just appear from nowhere without animations. i could send you a link in a private discussion if you wanna take a look @@highlevelfreaks
If you load the funnel, you can make the section that has the code into a template and then just add that section to your existing sites. Once you've done that, you can animate the elements you want by adding the appropriate CSS classes. Hope that helps!
Great content dude, this would really help. However, I tried to copy the code from code editor nd basically copy pasted into another site. Wasn't working though.
Thanks! However, you still have to add CSS classes to the elements you want to animate. Check the WOW.js and Animate sites for specific instructions, etc as well.
We fixed the link. There was a GHL bug that was messing up the download link. Just try again, or click the link in the email we sent once you opted in.
I rarely leave feedback, but this was one of the most helpful GHL tutorials I've seen. Kudos! I subscribed and definitely will keep coming back!
Was so excited to try this and was gutted when it didn't work.
Thank you for the video! Finally figured it out after 2 days of trying on my own. Had to make a few tweaks!
I´m having issues with it as well! What kind of tweaks did you do?
@@carlospinedainvestor I removed the word animate_
Then it worked. Hope that helps
found out anything ?
@@carlospinedainvestor
Thank you so much, I was looking for something like that!
I downloaded the Snapshot, everything works great so far.. 👍👍
Can I get it
from you?
Just hit the link in the description and you'll be able to download it. Enjoy!
@@highlevelfreaks bro make a video on how we can get that code buz so many people just got error
Finally a good tutorial on how to do this!
Thanks! I have watched a couple of other videos and this is by far the best one!!!Well done!!
Thanks a ton.
can i get the code that you pasted in tracking section
sem i need the code. wrote it myself but not working
This worked great! Thank you! We ran into one issue. It works like normal on our home page but when we try to add it to a secondary page on our website, it does not update any changes that we make to that page nor does it show any animations. Do you know what could be causing this? Do this only work for funnels? Thank you.
SOLUTION: Very simple mistake that I was making. In order to add animations to more than one page, you need to add the custom HTML/JS code element to all pages that you would like animations on. I was under the impression that the code would carry over to all pages, it does not. Hope this helps!
can i get the code
Man you guys put out some great content, thank you!!
Appreciate the love mate. Glad we could help.
Thanks for making this easy to follow video.
I appreciate it. You made a difference in my life. Saved me alot of time.
can u give me the code as i cannot install the snapshot please!
Glad it helped!
really helpful, the animations are working fine, thank you !
Great to hear! Thanks
can i get the code
Amazing find - thanks for sharing!
Thanks for watching!
Pat your different wtf. So useful
Thanks!
Completely changes our website designing quality. Thanks for this
can i get code
Yesterday: bro this sucks it doesnt even work
Today: You're a legend thanks !
So... it's working? :)
This doesn't really work for me, I copied line by line your code, and my custom class is in there, but does work, any tips and ideas?
thanks for this video, i appreciate the step by step
Thanks
Im having problems getting it to work, i put the code in the heading and my animations just blink
I have tried this and working but animations are not smooth. For example when I open that page all elements display for nano seconds then disappear and animate properly. is there any solution for this?
Thank you so much for this. After 15 minutes of searching my error, It's only because I don't remove the word "animate__"
Glad you got it figured out!
This was amazing! Loved it, but im running into load speed issues. The elements I added the custom codes to which is really just headlines and some body paragraphs are taking FOREVER to load. Is that normal?
After downloading the Snapshot, I copied the Code and followed the CSS element keys but Im not having any effects activate. I also went to your review funnel and nothing is working on there either. Is this not a functional system anymore?
Hey added code to top of webpage but cant get the animation snippet to work, can anyone assist please
Thank you so much for this; now, I can leverage other JS/CSS combinations. Question, can I use a REST API call in the JS?
Loaded the snapshot but none of the animations work at all......what am i doing wrong?
Are you adding the custom class names? Since we're wiring this into GHL, we have to use the backwards compatible class names, so you'd need to remove "animate_" from the classes
@@highlevelfreaks we simply added the snapshot but it did work yesterday. and today it does not work...trying to figure it out
hello, how do i make the animation only happen when you scroll to that section? i did the code but animation through out the page happen at the same time T_T
Same..
If you add the WOW.js framework, it handles triggering animations when the user scrolls that section into view.
@@highlevelfreaks got it!
I've copied the JS into another funnel + have used the wow + random Animate.css classes, but it's not doing anything on my page. Any ideas?
Not sure - it's working on one of our sites here: reviewgenius.ai
Thank you a lot. You saved a lot of time
Glad to hear that
Does anyone, by any chance, know how to make the animation occur consecutively when hovering your mouse over the image? Other than that, great video!
great video, cheers mate.
Glad you enjoyed it
Thanks man.
Do you know how to do this with Figma? I created an animation in a framework, copied the CSS from Figma, then I added a picture in a column on my GHL funnel. I went to the "Custom CSS" tab, pasted the CSS from Figma and it still doesn't work. Listening to your video it sounds like I need to add the CSS style. Not sure how to get that from Figma though. Lmk if you can help, Thanks!
Hmmm, sorry - I don't have any Figma experience...
Arnt all of these native to high level? I added animations last night
Getting an error while downloading the funnel. Any help appreciated🤠
This doesn't seem to be working for anybody... I've tried it so many times. Could you follow up and provide a solution please?
Yup, working fine - you can see it in action here: reviewgenius.ai
@@highlevelfreaks it works there and it works on the template snapshot but I've noticed that when the code is transfered over to people's sub accounts where they are trying to implement it, it stops working, or maybe we're all doing something wrong. But either way it seems everybody is experiencing the same issue
Can I buy your snapshot instead? I downloaded your snapshot. It didn't work.
"Error while cloning funnel!" will not load
Not working, could you please help me out?
Can you animate a sequence of them lets say first bounce in, then 2 seconds later bounce out?
I believe you can, but you may need to custom code that with some javascript
Hey Pat.. subbed and I love this type of stuff from you making really cool things really easy to implement. A while ago I found a script you created that allowed the page to display the visitor’s city/state according to their IP address I think… your HighLevel Geolocation code. I love it and I’ve have been using it on landing pages that I’m sending google ads traffic to. Do you happen to if that’s against google ads policy by any chance? Lol. I’m afraid one day I could have an account suspended for it. Thanks Pat
Hey Albert, thanks for the compliments! As far as I know, geolocation on landers isn't against any TOS, so game on!
@@highlevelfreaks Amazing haha. Thanks!
Hi Albert, I've been searching for that video. Can you share the link to that HL Geolocation code?
Thank you
brother i tried it and it works the first time but when i added this to a new funnel it no longer works despite of following the same steps. any thoughts?
Hi, in ghl forms we have a option called inline, but in surveys how can i bring two custom fields in one line. Please answer this, I will be very thankful to you.
Hi it’s a new feature in the production currently with GHL to do customisations like that for forms
mine gliches onces I finishes putitng the codes and setting up the domain
Can anyone help?:(
Haven't seen that issue before. I've got it working on my sites pretty regularly with no glitches.
Hi Pat. Great stuff man. I'm very interested in your HighLevel Geolocation code. Where can I see a demo of it and get it from you? Thanks
Send us an email at info@highlevelfreaks.com
sir tell plz where is the code which i can put in gohighlevel funnels customize html element
@@highlevelfreaks sir tell plz where is the code which i can put in gohighlevel funnels customize html element
This doesnt work.. is this code still valid?
Hi what are you using to have pop up at the bottom of the page to show when you have new subscriber thank you
Looked promising, however, followed the steps, and entered the code and CSS but does nothing. Also cant import the snapshot either, just takes me to the GHL home page.
We fixed the link. There was a GHL bug that was messing up the download link. Just try again, or click the link in the email we sent once you opted in.
doesn't work at all, judging by comments either something needs adjusting which hasn't been mentioned in the video or not compatible with the web builder v2 they released
thankd for the video! i'm struggling to find that initial framework code, is it downloadble somewhere?
It's already built into the funnels, but you can search for WOW.js and Animate CSS and you should find them.
you need to do more codes than in the video?
@@highlevelfreaks
This is really cool! But I followed your instructions and mine isn't animating. Struggled to see the actual codes on the screen to copy them. It would have been better if you put the code in the description. I already have HL which is why I'm watching this video. So then I downloaded your free funnel with many thanks, and copied the Code however, in the Custom Class section "Wow" and "SlideInLeft" isn't showing. So I really don't know where I'm going wrong.😔
Would also like to know how to create sliding images so that you see 3 images at any one time and they move across to show more?☺
Hey Melinda, I'd need to see how you set things up on your funnel. One thing I'd suggest is making the section with the code a template that you can drop into your funnels.
Then elements you want to animate would just have the custom class "wow" and the effect you want like "slideInLeft" - make sure you pay attention to case because that does matter.
GHL also did have a funnel update that broke things for a few days, but it's all back to normal now. You can see how the effect works here: reviewgenius.ai
can i get the code?
funnel didnt have built in code for me
I have the snapshot in my ghl i preview it and it doesn’t work no moving animations. i think it doesnt work on mac
That's odd, it should work regardless of browser or platform
After cloning this coding. Animation is not performing on mobile view please tell me how to do it and will work ?
We've tested on mobile and it works, so I'm not sure what would be causing the issue. I'd have to have a link to test to figure that out.
Hey me too ! it works perfectly on desktop but on mobile the animation works on some and on other the text or picture just appear from nowhere without animations. i could send you a link in a private discussion if you wanna take a look
@@highlevelfreaks
Hey, i pasted the code in and it seems like the animations arent working, has there been any updates to the code?
(
No, no changes. It should work as long as you're using the compatibility mode for Animate and are using the correct CSS classes.
amazing!!
Thank you! Cheers!
how do we add them to the site without the template i already have a site built i just want to add animations
If you load the funnel, you can make the section that has the code into a template and then just add that section to your existing sites. Once you've done that, you can animate the elements you want by adding the appropriate CSS classes. Hope that helps!
Thanks for the video, I tried the code but it doesn't work on scroll.
How do I make it work on scroll because I followed the steps in your video tutorial
sir si not wrking please help me
Great content dude, this would really help.
However, I tried to copy the code from code editor nd basically copy pasted into another site.
Wasn't working though.
Thanks! However, you still have to add CSS classes to the elements you want to animate. Check the WOW.js and Animate sites for specific instructions, etc as well.
can i get the code? it is not working
same
wheres the code
not working idk if it's broke or sum
Hey Zane, check the GHL help docs on importing funnel shares - their process is a little weird.
Link doesn't work for some reason.
We fixed the link. There was a GHL bug that was messing up the download link. Just try again, or click the link in the email we sent once you opted in.
@@highlevelfreaks I couldn't get the link to work either....
Ignore that lol, I tried again and it worked nicely... Thank you!
how do i make the animationa bit slower
bro mine is not working pls put you code in my reply section plz
AnimateCSS has helper CSS classes to make things a bit slower
HighLevel did some funnel updates that temporarily broke the animations, but they've since fixed it.
Not working
It should now. GHL updated their HTML and broke funnels for a few days and now everything is working again. If you use the funnel share, it will work!
it doesn't animate