Content · Gutenberg
Big Stat block for WordPress
Display a single large impactful statistic with prefix, suffix, label, and multiple visual styles.
Get Blockenberg
Free Gutenberg block in Blockenberg. The inspector controls and front-end behavior on this page come from this block’s source, not a shared stub.
What it actually does
Display a single large impactful statistic with prefix, suffix, label, and multiple visual styles.
Inspector panels on this block: Value & Labels, Style & Layout, Icon. Those titles come from index.js, not from a shared template.
Behavior controls: “Visual Style” options: Centered, Left Aligned, Card, Gradient Card, Border Left.
Big Stat has no render.php and no frontend.js. The saved Gutenberg HTML is what visitors see, plus Blockenberg layout/typography CSS.
Where to find it
Gutenberg inserter → Content → search “Big Stat” (block name `blockenberg/big-stat` in block.json). Style it in the sidebar after insert.
How to use Big Stat block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Big Stat”, insert it. Category: Content.
- Configure inspector controls that exist on this block. Open Value & Labels. Set “Prefix (e.g. $, +)”, “Value”, “Suffix (e.g. %, x, k)”, “Label”.
- Publish. Save the page. Output is the saved block HTML; typography/colors follow Blockenberg shared panels.
Inspector controls from this block’s code
| Control | What the code does |
|---|---|
| Prefix (e.g. $, +) | Text field in the inspector. Saved as `prefix`. |
| Value | Text field in the inspector. block.json default: 87. Saved as `value`. |
| Suffix (e.g. %, x, k) | Text field in the inspector. block.json default: %. Saved as `suffix`. |
| Label | Text field in the inspector. block.json default: Customer Satisfaction. Saved as `label`. |
| Show Sub-label / Source | On/off toggle in the inspector. On by default. Saved as `showSublabel`. |
| Sub-label | Text field in the inspector. block.json default: Based on 10,000+ reviews. Saved as `sublabel`. |
| Visual Style | Select control; the chosen value is saved on the block. Options: Centered; Left Aligned; Card; Gradient Card; Border Left; Pill Badge. block.json default: centered. Saved as `style`. |
| Show Divider | On/off toggle in the inspector. On by default. Saved as `showDivider`. |
| Divider Width (px) | Numeric range control in the inspector. Range 16–200. block.json default: 48. Saved as `dividerWidth`. |
| Padding (px) | Numeric range control in the inspector. Range 0–80. block.json default: 32. Saved as `padding`. |
| Border Radius (px) | Numeric range control in the inspector. Range 0–40. block.json default: 16. Saved as `borderRadius`. |
| Show Icon | On/off toggle in the inspector. Off by default. Saved as `showIcon`. |
| Icon — Icon | Select control; the chosen value is saved on the block. block.json default: star-filled. Saved as `icon`. |
| Icon Size (px) | Numeric range control in the inspector. Range 20–80. block.json default: 40. Saved as `iconSize`. |
| Value (Value Typo) | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `valueTypo`. |
| Label (Label Typo) | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `labelTypo`. |
| Sub-label (Sublabel Typo) | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `sublabelTypo`. |
| Prefix/Suffix Size (px) | Numeric range control in the inspector. Range 16–100. block.json default: 40. Saved as `prefixSuffixSize`. |
| Value Color | Color control in the inspector. block.json default: #0f172a. Saved as `valueColor`. |
| Label Color | Color control in the inspector. block.json default: #1e293b. Saved as `labelColor`. |
| Sub-label Color | Color control in the inspector. block.json default: #94a3b8. Saved as `sublabelColor`. |
| Accent Color | Color control in the inspector. block.json default: #6c3fb5. Saved as `accentColor`. |
| Background Color | Color control in the inspector. block.json default: #f8fafc. Saved as `bgColor`. |
| Icon Color | Color control in the inspector. block.json default: #6c3fb5. Saved as `iconColor`. |
When this is the right block
- Display a single large impactful statistic with prefix, suffix, label, and multiple visual styles — that is the job of Big Stat, not a generic content block.
- Use it when you need the editor control labeled “Prefix (e.g. $, +)”, which exists on this block’s inspector.
- It matches pages about stat, number, metric.
- Inserter grouping: articles, cards, lists, and long-form layouts.
Notes from the implementation
Static block: markup is saved in post content; no PHP render callback in this folder.
FAQ
How do I add the Big Stat block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Big Stat”. It sits under Content. After insert, open Value & Labels and set “Prefix (e.g. $, +)”, “Value”, “Suffix (e.g. %, x, k)”, “Label”.
What makes Big Stat different from other Blockenberg blocks?
Display a single large impactful statistic with prefix, suffix, label, and multiple visual styles. Inspector labels on this block include “Prefix (e.g. $, +)”, “Value”, “Suffix (e.g. %, x, k)”, “Label”.
Is the Big Stat Gutenberg block free?
Yes. Big Stat ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Big Stat to match my theme?
Yes. Blockenberg’s shared typography and color panels apply here, plus any block-specific style controls listed on this page (panels: Value & Labels, Style & Layout, Icon).
Related content blocks
Number Box
Square or circle box with a large metric number, prefix, suffix and label.
Callout
Highlighted panel for tips, warnings or success messages with icon, title and dismissible option.
Icon Stats
Statistics displayed with large decorative icons, bold numbers, and descriptive labels.
Mixed Heading
A heading or paragraph where each word/phrase segment can have its own style — gradient, highlight, stroke, badge, mono, or normal.
Styled Text Builder
Build a paragraph from mixed inline text segments — combine highlights, badges, code spans, gradient text, and bold or colored fragments in a single richly-styled sentence.
Text Highlight
Animate a color marker / highlighter sweep behind specific words or phrases when they scroll into view.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Big Stat from the Gutenberg inserter.