BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Free widget

Stat Card Widget for Elementor Free

A key number with change and a small trend chart.

Overview

What Stat Card does

Stat Card shows one key number with a label, an up or down change that turns green or red, and a small trend line or bars. The number can count up when the card scrolls into view.

Live demo

See it in action

Monthly visitors

48,250

Up +12.4% vs last month

Features

What it can do

  • Number with decimals, text before and after, and thousands separator.

  • Short numbers such as 48.3K and 1.2M.

  • Count up when the card scrolls into view.

  • Change in percent, points or the same unit as the number.

  • Choose whether going up is good, bad or neither.

  • Trend from your own values: line with fill, line or bars.

  • Trend under or beside the number, drawn on the server as SVG.

  • Optional icon.

Use cases

When to use it

Results pages

Show growth numbers from a case study.

Company facts

Show customers, countries and projects with small trends.

Reports

Show bounce rate with Going Up Is set to bad.

Setup

How to set it up

A few steps from adding the widget to a finished result.

  1. Drag the Stat Card widget onto the page.

  2. In Number, type the Label and Number.

  3. Set Before the Number, After the Number and Short Numbers.

  4. In Change, type the Change, choose the Change Unit and Going Up Is.

  5. In Trend Line, type the Values, oldest first, and choose the Style.

  6. Style the card and colors.

FAQ

Questions and answers

Can I show a drop as good news?

Yes. Set Going Up Is to Bad, and a drop shows in green.

Do I need a chart library?

No. The trend is drawn on the server as a small SVG.

Can I hide the trend?

Yes. Leave Values empty.

Free forever

Stat Card is free

It is one of 51 widgets in the free Bright Addons plugin. Each widget loads its code only on pages that use it.