Number

Show the numbers that prove your track record.

A number badge that counts up into view, with shapes, prefix, suffix, separators, a progress ring and captions.

Elementor widget

Requirements

  • Elementor 3.5 or newer
  • WordPress 6.2 or newer
  • PHP 7.4 or newer
  • Licence: free — installs straight from Moduly

Add it to a page

  1. Edit the page with Elementor.
  2. In the widget panel, search for Number. Our widgets sit in the Moduly category and carry the Moduly badge.
  3. Drag it onto the page.
  4. Set it up in the Content tab, style it in the Style tab, and use Advanced for spacing, motion and visibility.

Settings

Number

SettingWhat you can set
NumberDigits only (a decimal point is fine). Anything else is shown as typed and not animated.
PrefixText
SuffixText
CaptionText
Caption PositionBelow or Beside

Count-up

SettingWhat you can set
Count UpStarts when the number scrolls into view. Still in the editor and for reduced motion.
Start FromNumber
Duration (ms)Number
Delay (ms)Number
EasingEase out, Ease in and out, Linear, Fast start or Overshoot
Thousands SeparatorNone, Comma (1,000), Dot (1.000), Space (1 000) or Apostrophe (1'000)
Decimal PointDot (1.5) or Comma (1,5)

Badge

SettingWhat you can set
ShapeCircle, Rounded square, Square, Pill (grows with the number), Hexagon, Blob or None — just the number
Progress RingA ring that fills while the number counts.
Ring Fill (%)0–100
AlignmentLeft, Center or Right
Hover EffectNone, Lift, Grow, Spin the badge or Glow

Style tab: design controls for Badge, Background, Number, Progress Ring or Caption — colours, typography, spacing, borders and hover states.

Tips

  • Visitors who ask their device for reduced motion get a calmer, still version automatically.

Troubleshooting

  • Changes not showing on the live page? Regenerate CSS in Elementor → Tools → Regenerate CSS & Data and clear any page cache.
  • Works well with: Facebook Feed, Fun Factor, Image Stack Group.