How to Animate Your HighLevel Funnels and Websites For Free

Поделиться
HTML-код
  • Опубликовано: 29 окт 2024

Комментарии • 135

  • @JohnVyhlidal
    @JohnVyhlidal 9 месяцев назад +3

    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!

  • @highmarketiq
    @highmarketiq 8 месяцев назад +2

    Was so excited to try this and was gutted when it didn't work.

  • @AlexisDiaz
    @AlexisDiaz 11 месяцев назад +1

    Thank you for the video! Finally figured it out after 2 days of trying on my own. Had to make a few tweaks!

    • @carlospinedainvestor
      @carlospinedainvestor 11 месяцев назад

      I´m having issues with it as well! What kind of tweaks did you do?

    • @AlexisDiaz
      @AlexisDiaz 11 месяцев назад

      @@carlospinedainvestor I removed the word animate_
      Then it worked. Hope that helps

    • @EndureAgency
      @EndureAgency 10 месяцев назад

      found out anything ?
      @@carlospinedainvestor

  • @snaky1310
    @snaky1310 Год назад +2

    Thank you so much, I was looking for something like that!
    I downloaded the Snapshot, everything works great so far.. 👍👍

    • @hannahlynsantos6262
      @hannahlynsantos6262 Год назад +1

      Can I get it
      from you?

    • @highlevelfreaks
      @highlevelfreaks  Год назад

      Just hit the link in the description and you'll be able to download it. Enjoy!

    • @GoHighLevel-GHL
      @GoHighLevel-GHL Год назад

      @@highlevelfreaks bro make a video on how we can get that code buz so many people just got error

  • @Moises.O.
    @Moises.O. 5 месяцев назад

    Finally a good tutorial on how to do this!

  • @AltCutman
    @AltCutman 6 месяцев назад

    Thanks! I have watched a couple of other videos and this is by far the best one!!!Well done!!

    • @highlevelfreaks
      @highlevelfreaks  5 месяцев назад

      Thanks a ton.

    • @talhatahir-e2d
      @talhatahir-e2d 4 месяца назад +1

      can i get the code that you pasted in tracking section

    • @talhatahir-e2d
      @talhatahir-e2d 4 месяца назад

      sem i need the code. wrote it myself but not working

  • @enforcemg
    @enforcemg Год назад +9

    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!

  • @leadguy
    @leadguy Год назад +1

    Man you guys put out some great content, thank you!!

  • @Raisingthebar-1
    @Raisingthebar-1 Год назад +1

    Thanks for making this easy to follow video.
    I appreciate it. You made a difference in my life. Saved me alot of time.

  • @MroLdsma
    @MroLdsma 6 месяцев назад

    really helpful, the animations are working fine, thank you !

  • @MIDNITESYSTEMS
    @MIDNITESYSTEMS Год назад +1

    Amazing find - thanks for sharing!

  • @JoshuaBellSentir
    @JoshuaBellSentir Год назад +4

    Pat your different wtf. So useful

  • @Leadsatz
    @Leadsatz 4 месяца назад +1

    Completely changes our website designing quality. Thanks for this

  • @FabianoDeAbreu-t4h
    @FabianoDeAbreu-t4h Год назад +1

    Yesterday: bro this sucks it doesnt even work
    Today: You're a legend thanks !

  • @Riaz92
    @Riaz92 Год назад +1

    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?

  • @Raisingthebar-1
    @Raisingthebar-1 Год назад +1

    thanks for this video, i appreciate the step by step

  • @LucioLaGreca-ib3wx
    @LucioLaGreca-ib3wx 5 месяцев назад

    Im having problems getting it to work, i put the code in the heading and my animations just blink

  • @Samiullah-tz2ul
    @Samiullah-tz2ul 5 месяцев назад

    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?

  • @leatherrepairneeds
    @leatherrepairneeds Год назад +1

    Thank you so much for this. After 15 minutes of searching my error, It's only because I don't remove the word "animate__"

  • @New_Wave_Ai
    @New_Wave_Ai 4 месяца назад

    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?

  • @devonangle4852
    @devonangle4852 10 месяцев назад

    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?

  • @zarinagriffith4205
    @zarinagriffith4205 3 месяца назад

    Hey added code to top of webpage but cant get the animation snippet to work, can anyone assist please

  • @SifBaksh
    @SifBaksh 6 месяцев назад

    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?

  • @high-level_Adict
    @high-level_Adict Год назад +2

    Loaded the snapshot but none of the animations work at all......what am i doing wrong?

    • @highlevelfreaks
      @highlevelfreaks  Год назад

      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

    • @high-level_Adict
      @high-level_Adict 6 месяцев назад

      @@highlevelfreaks we simply added the snapshot but it did work yesterday. and today it does not work...trying to figure it out

  • @kyrie833
    @kyrie833 Год назад +2

    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

    • @daniel_do
      @daniel_do Год назад

      Same..

    • @highlevelfreaks
      @highlevelfreaks  Год назад +1

      If you add the WOW.js framework, it handles triggering animations when the user scrolls that section into view.

    • @daniel_do
      @daniel_do Год назад

      @@highlevelfreaks got it!

  • @emotionaleatingcoach
    @emotionaleatingcoach Год назад +1

    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?

    • @highlevelfreaks
      @highlevelfreaks  Год назад +1

      Not sure - it's working on one of our sites here: reviewgenius.ai

  • @Abcworld_1
    @Abcworld_1 Год назад

    Thank you a lot. You saved a lot of time

  • @kennyecommerce9352
    @kennyecommerce9352 4 месяца назад

    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!

  • @deebelee3558
    @deebelee3558 Год назад

    great video, cheers mate.

  • @elCHEDE
    @elCHEDE 3 месяца назад

    Thanks man.

  • @DevanRuel
    @DevanRuel Год назад +1

    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
      @highlevelfreaks  Год назад

      Hmmm, sorry - I don't have any Figma experience...

  • @GenDipDipper
    @GenDipDipper Месяц назад

    Arnt all of these native to high level? I added animations last night

  • @TheClickSmith
    @TheClickSmith 6 месяцев назад

    Getting an error while downloading the funnel. Any help appreciated🤠

  • @karlprice2315
    @karlprice2315 Год назад +1

    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?

    • @highlevelfreaks
      @highlevelfreaks  Год назад

      Yup, working fine - you can see it in action here: reviewgenius.ai

    • @karlprice2315
      @karlprice2315 Год назад

      @@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

  • @DavidSalva828
    @DavidSalva828 8 месяцев назад

    Can I buy your snapshot instead? I downloaded your snapshot. It didn't work.

  • @AydaWalsh
    @AydaWalsh 6 месяцев назад

    "Error while cloning funnel!" will not load

  • @thetechguru8661
    @thetechguru8661 9 месяцев назад

    Not working, could you please help me out?

  • @ysauceee
    @ysauceee Год назад +1

    Can you animate a sequence of them lets say first bounce in, then 2 seconds later bounce out?

    • @highlevelfreaks
      @highlevelfreaks  Год назад

      I believe you can, but you may need to custom code that with some javascript

  • @albertdevincent6845
    @albertdevincent6845 Год назад +1

    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

    • @highlevelfreaks
      @highlevelfreaks  Год назад

      Hey Albert, thanks for the compliments! As far as I know, geolocation on landers isn't against any TOS, so game on!

    • @albertdevincent6845
      @albertdevincent6845 Год назад

      @@highlevelfreaks Amazing haha. Thanks!

    • @zainabkhan5901
      @zainabkhan5901 Год назад

      Hi Albert, I've been searching for that video. Can you share the link to that HL Geolocation code?
      Thank you

  • @guerrillamedia4375
    @guerrillamedia4375 Год назад

    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?

  • @Mannat-cr8lm
    @Mannat-cr8lm 6 месяцев назад

    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.

    • @highlevelfreaks
      @highlevelfreaks  5 месяцев назад

      Hi it’s a new feature in the production currently with GHL to do customisations like that for forms

  • @gabrielvera6563
    @gabrielvera6563 Год назад +1

    mine gliches onces I finishes putitng the codes and setting up the domain
    Can anyone help?:(

    • @highlevelfreaks
      @highlevelfreaks  Год назад

      Haven't seen that issue before. I've got it working on my sites pretty regularly with no glitches.

  • @samnewman6270
    @samnewman6270 Год назад +1

    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

    • @highlevelfreaks
      @highlevelfreaks  Год назад

      Send us an email at info@highlevelfreaks.com

    • @GoHighLevel-GHL
      @GoHighLevel-GHL Год назад

      sir tell plz where is the code which i can put in gohighlevel funnels customize html element

    • @GoHighLevel-GHL
      @GoHighLevel-GHL Год назад

      @@highlevelfreaks sir tell plz where is the code which i can put in gohighlevel funnels customize html element

  • @danieliox
    @danieliox 10 месяцев назад

    This doesnt work.. is this code still valid?

  • @nltfbb1183
    @nltfbb1183 11 месяцев назад

    Hi what are you using to have pop up at the bottom of the page to show when you have new subscriber thank you

  • @TheDogTrainer-m8j
    @TheDogTrainer-m8j Год назад

    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.

    • @highlevelfreaks
      @highlevelfreaks  Год назад

      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.

  • @Scaleasy
    @Scaleasy 8 месяцев назад

    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

  • @jamalrobinson6092
    @jamalrobinson6092 Год назад +1

    thankd for the video! i'm struggling to find that initial framework code, is it downloadble somewhere?

    • @highlevelfreaks
      @highlevelfreaks  Год назад

      It's already built into the funnels, but you can search for WOW.js and Animate CSS and you should find them.

    • @EndureAgency
      @EndureAgency 10 месяцев назад

      you need to do more codes than in the video?
      @@highlevelfreaks

  • @letsgetcurious
    @letsgetcurious Год назад +1

    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?☺

    • @highlevelfreaks
      @highlevelfreaks  Год назад +1

      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

    • @talhatahir-e2d
      @talhatahir-e2d 4 месяца назад

      can i get the code?

  • @Nolan_Robinson
    @Nolan_Robinson 9 месяцев назад

    funnel didnt have built in code for me

  • @zaneduckworth5547
    @zaneduckworth5547 Год назад

    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

    • @highlevelfreaks
      @highlevelfreaks  Год назад

      That's odd, it should work regardless of browser or platform

  • @arslanhameed659
    @arslanhameed659 Год назад

    After cloning this coding. Animation is not performing on mobile view please tell me how to do it and will work ?

    • @highlevelfreaks
      @highlevelfreaks  Год назад

      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.

    • @kenzogrilleau386
      @kenzogrilleau386 10 месяцев назад

      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

  • @jamalrobinson6092
    @jamalrobinson6092 Год назад

    Hey, i pasted the code in and it seems like the animations arent working, has there been any updates to the code?
    (

    • @highlevelfreaks
      @highlevelfreaks  Год назад

      No, no changes. It should work as long as you're using the compatibility mode for Animate and are using the correct CSS classes.

  • @buecherfuchs
    @buecherfuchs Год назад

    amazing!!

  • @shopocelo
    @shopocelo Год назад

    how do we add them to the site without the template i already have a site built i just want to add animations

    • @highlevelfreaks
      @highlevelfreaks  Год назад +1

      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!

  • @jegedeolumide4718
    @jegedeolumide4718 Год назад

    Thanks for the video, I tried the code but it doesn't work on scroll.

    • @jegedeolumide4718
      @jegedeolumide4718 Год назад

      How do I make it work on scroll because I followed the steps in your video tutorial

  • @MohsinAbidi-f5z
    @MohsinAbidi-f5z 10 месяцев назад

    sir si not wrking please help me

  • @bryanchew5976
    @bryanchew5976 Год назад

    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.

    • @highlevelfreaks
      @highlevelfreaks  Год назад

      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.

  • @talhatahir-e2d
    @talhatahir-e2d 4 месяца назад

    can i get the code? it is not working

  • @alfredmae1
    @alfredmae1 5 месяцев назад

    wheres the code

  • @zaneduckworth5547
    @zaneduckworth5547 Год назад

    not working idk if it's broke or sum

    • @highlevelfreaks
      @highlevelfreaks  Год назад +1

      Hey Zane, check the GHL help docs on importing funnel shares - their process is a little weird.

  • @benkleman
    @benkleman Год назад

    Link doesn't work for some reason.

    • @highlevelfreaks
      @highlevelfreaks  Год назад

      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.

    • @mariawenner373
      @mariawenner373 Год назад +1

      @@highlevelfreaks I couldn't get the link to work either....

    • @mariawenner373
      @mariawenner373 Год назад

      Ignore that lol, I tried again and it worked nicely... Thank you!

  • @AdnanRizvii
    @AdnanRizvii Год назад

    how do i make the animationa bit slower

    • @GoHighLevel-GHL
      @GoHighLevel-GHL Год назад

      bro mine is not working pls put you code in my reply section plz

    • @highlevelfreaks
      @highlevelfreaks  Год назад

      AnimateCSS has helper CSS classes to make things a bit slower

    • @highlevelfreaks
      @highlevelfreaks  Год назад

      HighLevel did some funnel updates that temporarily broke the animations, but they've since fixed it.

  • @BlacK-pg2mu
    @BlacK-pg2mu Год назад

    Not working

    • @highlevelfreaks
      @highlevelfreaks  Год назад

      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!

  • @EndureAgency
    @EndureAgency 10 месяцев назад

    it doesn't animate