In this video we’ll learn how to add a number counter to WordPress using the Counter Widget on Elementor. In the video you see a page with 4 dynamic numbers. With every refresh the numbers go up again. I can give them each their own icons, captions and styles. With a widget like this you can display the number of like, purchases etc. in an interesting way.
hey youtubers this is Noah from
Elementor as you can see I have this
page with these four cool and dynamic
counters with every refresh of the page
the numbers go up again I can give them
each their own icons captions and styles
with a widget like this you can display
the number of likes purchases customers
etc in an interesting way to show you
I’ll just click on the edit with Ella
matter button alright so now I have
three counters on this page and I would
like to add a fourth one for the members
so first I’m going to search for the
widget and drag it alright and now here
I have the content area and the style
area in the content area I have full
control over the counter contents let’s
begin with the starting number where I
could set at which number the counter
will begin running for example if I
insert 50 as you can see the counter
began at 50 and ended at 100 so I’m
going to insert 600 and a race the
starting number which means it will
start at zero and now I have the number
prefix where you could set the prefix
that will stick throughout the counting
for example if I insert one as you can
see the running numbers are always
displayed with you one as their prefix
now same goes for the suffix if for
instance I insert a plus sign as you can
see it’s stuck to the end of the numbers
throughout the counting okay I’ll erase
it and now for animation duration which
as it sounds is the duration in which
the animation is displayed and we have
the title which is actually the caption
of every counter here and I’ll just
insert members alright now that was the
content area of the widget let’s move on
to the style area where we have the
style options for the number and for the
title under the number we have text
color I’ll just insert it
as pink and we have topography where I
could set as customized and here I’ll
just give it a font and now we’ll move
on to the title style options where I
set the color as white and customize the
typography set its size okay
now it looks just the same as the other
ones and now if I open it in a new page
you can see it looks great I hope you
enjoy this video for more videos and
tutorials subscribe our youtube channel
or visit us at docs.bmc.com
