The “Statistic Counter Widget” allows you to showcase animated counters for free in WordPress Elementor websites. Display engaging number-based statistics, such as achievements, milestones, or business metrics, with smooth animations. Customize colors, typography, and effects to match your site’s design and grab user attention.
Let’s explore the features of the “Statistic Counter Widget” below.
Add a Free Statistic Counter for Elementor
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Counter”
- Hover over the widget in the search results and click install
- Add your “Counter” widget to any Elementor Page
General Settings in Elementor Statistic Counter
Title
Type text to show as title.
Number
Type number to show in counter widget.
Before Number
Type text to show before number.
After Number
Type text to show after number.
Layout
Select the layout of counter.
- Column
- Column Reverse
- Row
- Row Reverse
Hover Animation
Set the hover animation for counter widget.
- Grow
- Shrink
- Pulse
- Pulse Grow
- Pulse Shrink
- Push
- Pop
- Bounce In
- Bounce Out
- Rotate
- Grow Rotate
- Float
- Sink
- Bob
- Hang
- Skew
- Skew Forward
- Skew Backward
- Wobble Vertical
- Wobble Horizontal
- Wobble Top
- Wobble Bottom
- Wobble Skew
- Buzz
- Buzz Out
Type
Select the type of element to show in counter.
- Icon
- Image
Icon
Choose an icon to display.
Layout Settings in Elementor Statistic Counter
Show Icon
Show/Hide the icon.
Show Title
Show/Hide the title.
Show Divider
Show/hide the divider.
Animation Settings in Elementor Statistic Counter
Duration
Set the duration of animation.
Skip Count
Set the skip count value to count the number.
Viewport Offset
Set the viewport offset in percentage.
Elementor Statistic Counter Styling
A variety of styling options are provided to control every aspect of the widget’s appearance. Select the colors that match the theme of your site. Make the widget look exactly how you want it to, by customizing the text, buttons, fonts, and layout.
Box Styling in Elementor Statistic Counter
Style the box alignment, background, padding, border, and max width.
Icon Styling in Elementor Statistic Counter
In this section, style the icon width, height, color, background, border, icon size, margin, spacing, and vertical positioning.
Hover Styling in Elementor Statistic Counter
Set the box border hover type, background hover, icon color hover, and icon background hover.
Image Styling in Elementor Statistic Counter
Set the image width, height, image fit, image spacing, radius, and border.
Number Styling in Elementor Statistic Counter
Set the number typography, color, and spacing.
Divider Styling in Elementor Statistic Counter
You can set the divider width, height, margin, and background.
Elementor Statistic Counter Title Styling
You can set the title color, typography, and spacing.
Usage Examples of Elementor Statistic Counter
Here are some live use cases for the Counter Widget.
Free Elementor Statistic Counter with Lordicon Animated Icons.
Free Elementor Statistic Counter with a Gradient Background.
Thank you for using the Statistic Counter Widget for Elementor! With its dynamic animations and customizable design, this is the best Statistic Counter Widget for Elementor, perfect for displaying key figures in an engaging way. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.
