The “Counter Widget” helps you to present your websites statistics in an interactive counter. A lot of customization options are available to create exactly the look you want for your Elementor page.
Let’s look at each of the options in the “Counter Widget” below.
Install Counter Widget 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
Type text to show as title.
Type number to show in counter widget.
Type text to show before number.
Type text to show after number.
Select the layout of counter.
- Column Reverse
- Row Reverse
Set the hover animation for counter widget.
- Pulse Grow
- Pulse Shrink
- Bounce In
- Bounce Out
- Grow Rotate
- Skew Forward
- Skew Backward
- Wobble Vertical
- Wobble Horizontal
- Wobble Top
- Wobble Bottom
- Wobble Skew
- Buzz Out
Select the type of element to show in counter.
Choose an icon to display.
Show/Hide the icon.
Show/Hide the title.
Show/hide the divider.
Set the duration of animation.
Set the skip count value to count the number.
Set the viewport offset in percentage.
Counter Widget 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.
Style the box alignment, background, padding, border, and max width.
In this section, style the icon width, height, color, background, border, icon size, margin, spacing, and vertical positioning.
Set the box border hover type, background hover, icon color hover, and icon background hover.
Set the image width, height, image fit, image spacing, radius, and border.
Set the number typography, color, and spacing.
You can set the divider width, height, margin, and background.
You can set the title color, typography, and spacing.
Here are some live use cases for the Counter Widget.