Webflow Counter

Community resources Webflow Tips
1

I am trying to get a counter to work as per this link…

http://flowbase-countup.webflow.io/

Can anyone help with the actual code and where I need to put it. I would clone this site but I cannot clone a site to a team account! :frowning:

Many thanks all!

2

Hey @GrahamB

Your text will need the class counter

here’s the code that needs to be placed in the “Before /body tag” of the page:

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js'></script>
<script src='https://cdn.jsdelivr.net/jquery.counterup/1.0/jquery.counterup.min.js'></script>

<script>
$('.counter').counterUp({
  delay: 10,
  time: 2000
});
$('.counter').addClass('animated fadeInDownBig');
$('h3').addClass('animated fadeIn');
</script>

https://share.getcloudapp.com/KouQ5WXy

1 Like
3

That worked beautifully! Thanks ever so much.

G

1 Like
4

Glad I could help! :webflow_heart:

5

@donaldsv Question, please:

Doesn’t Webflow come with jQuery? Why then is there a link included in your code above? I can see that things don’t work without it, but it seems strange to have two references to different versions on the published site. Or maybe I’m not quite get it… Thank you for any answers.