The Stats / Counter Section 2026 widget is an animated statistics strip with five built-in design styles and three layout variants — icon, prefix, animated number, suffix, label, and sub-label for every stat item. Works identically in Elementor and the WordPress block editor.
Overview
Instead of building a stats block from separate heading and text widgets, Stats / Counter Section 2026 gives you one widget with everything a “by the numbers” strip needs already wired together — an optional section header, and a repeater of stat items each with its own icon, prefix, animated count-up number, suffix, label, and sub-label.
Every part of it is restyled instantly by switching the Design Style dropdown — no custom CSS required.
5 Design Styles
- Bento Grid — crisp white cards, sharp grid alignment, confident typography. The clean SaaS-product look.
- Glassmorphism — frosted-glass translucent panels over a dark, gradient-blurred backdrop. Premium fintech/crypto feel.
- Dark Minimal — near-black canvas, a single lime accent color, high contrast. Dev-tools/AI-native feel.
- Aurora — soft gradient-mesh backgrounds, rounded corners, warm color blends. Modern AI/tech branding feel.
- Neo-Brutalist — hard 2px borders, flat solid colors, offset drop-shadows, no gradients. Bold agency energy.
3 Layouts
- Row (horizontal strip) — a single horizontal strip with vertical dividers between items, an accent line that slides in on hover.
- Grid (cards) — each stat sits inside its own card, arranged in a 2, 3, or 4 column grid.
- Bento (featured first) — the first stat item spans two columns with a larger number, the rest fill in as a supporting grid.
The Columns option (2 / 3 / 4) only appears for the Grid and Bento layouts; Row always fills the available width as a single strip. The Divider style controls (color and width) only appear for the Row layout.
Content Settings
| Section | Setting | What it does |
|---|---|---|
| Design Style | Style Preset | Bento Grid / Glassmorphism / Dark Minimal / Aurora / Neo-Brutalist |
| Design Style | Layout | Row (horizontal strip) / Grid (cards) / Bento (featured first) |
| Design Style | Columns | 2 / 3 / 4 columns — only shown for the Grid and Bento layouts |
| Design Style | Enable Count-Up Animation | Toggles the animated counting effect for every stat number |
| Section Header | Show Section Header | Toggles the headline + description block above the stats |
| Section Header | Show Section Label | Toggles the small eyebrow label above the headline |
| Section Header | Section Label | Text shown in the eyebrow label, e.g. “By the Numbers” |
| Section Header | Headline | Main heading text above the stats — supports a line break for a two-line headline |
| Section Header | Highlighted Word(s) | Exact word(s) from the headline to style with the accent color/gradient |
| Section Header | Headline Tag | H1 / H2 / H3 — the actual heading tag rendered |
| Section Header | Description | Supporting line under the headline |
| Stats Items | Icon (optional) | Icon shown above the number for a stat item; leave empty to hide it |
| Stats Items | Prefix | Shown before the number, e.g. “$” for “$2.5M” |
| Stats Items | Number | The numeric value used for the count-up animation; supports decimals like “4.9” |
| Stats Items | Suffix | Shown after the number, e.g. “K+”, “%”, “M+” |
| Stats Items | Label | The stat’s title, e.g. “Happy Customers” |
| Stats Items | Sub-label (optional) | A short supporting line under the label, e.g. “And growing every day” |
Style Settings
Every content element above has a matching Style-tab section:
- Section — background and padding.
- Section Label — color, background, border radius, and padding.
- Headline — color and margin, plus a separate highlight color or gradient for the accented word(s).
- Description — color.
- Stat Card — background, padding, border radius, border, and box shadow, plus a separate hover-state background and box shadow.
- Row Strip (Row layout only) — background, border, border radius, and box shadow, plus a hover accent-line color and height.
- Stat Number — color or gradient, plus separate typography and color controls for the Prefix and Suffix.
- Stat Label — color, plus a separate typography and color control for the Sub-label.
- Icon — size, color, background color, and border radius.
- Divider (Row layout only) — color and width.
All colors accept either a solid color or a gradient.
Frequently Asked Questions
Do I need Elementor Pro to use this?
No — Stats / Counter Section 2026 works with the free version of Elementor, plus the WordPress block editor. No Pro upgrade required.
Can I use a different layout for each design style?
Yes — Design Style and Layout are independent settings. Any of the 5 styles can be paired with any of the 3 layouts (Row, Grid, or Bento).
How does the count-up animation work, and does it respect reduced-motion preferences?
When Enable Count-Up Animation is on, each number counts up from zero to its target value using an ease-out animation as soon as the stats strip scrolls into view. If a visitor has “reduce motion” enabled in their operating system, the widget skips the animation entirely and shows the final numbers immediately — no motion is forced on anyone who has opted out of it.
Is this widget accessible?
Yes — WCAG 2.1 AA. Each stat item is marked up as a list item with a single accessible label combining the prefix, number, suffix, and stat label, so screen readers announce one clean sentence instead of reading the animated digits change in real time.
How to Add This Section
- Elementor: search “Stats” or “Counter” in the widget panel under the HT Mega 2026 category, drag it onto your page.
- WordPress Block Editor: click the block inserter (+), search “Stats 2026” under the HT Mega category, insert it, then edit the settings in the block sidebar.