Simple Elementor Stats Section Template
This Elementor stats section shows three key numbers in a row, each with a short label, on a clean white background. Stats Section Simple is a free, responsive block shared as a JSON file and built only with native Elementor widgets.
What's Inside the Block
- Three stat blocks in an even three-column grid, each centered in its column.
- A large number in dark navy (
#101828), 3 rem on desktop and 1.875 rem on mobile. - A short gray label under each number (
#4A5565). - A white section with generous spacing and Inter font.
- On tablet and mobile, the three stats stack in a single column.
Tip: Stats work best when each number is specific and easy to check. Replace the sample figures with your real ones, add a unit or symbol such as % or + directly in the number text, and keep each label to a few words so all three stay the same height.
Requirements
- A recent version of Elementor with Flexbox Container and Grid Container available.
- No Elementor Pro required.
- The Inter font available on your site (otherwise a fallback font is used).
Note: This block has no headline or links, only the numbers and labels, so it works best between two sections that already give it context. If you want a title, add a Heading widget above the grid. The numbers and labels are sample content, so replace them with your own facts. On tablet the stats already stack in one column, so check that three rows suit your page. Back up your page before importing a template into an existing layout.
Widgets Used
| Element | Purpose | Pro? |
|---|---|---|
| Flexbox Container | Section wrapper and one container for each stat (4 in total) | No |
| Grid Container | Three-column layout for the stats | No |
| Heading | Numbers and labels (6 in total) | No |
Frequently Asked Questions
How do I import this Elementor JSON template?
First, download the JSON file using the button above and don't unzip or edit it. Second, open your WordPress dashboard, go to Templates, and choose Saved Templates. Third, click Import Templates, select the JSON file, and wait until the template appears in the list.
Fourth, open the page you want to edit with Elementor and click the folder icon to open the template library. Fifth, open the My Templates tab, choose this template, and click Insert. The block is added to your page and can be edited like any other Elementor container.
How do I change the numbers and labels?
Click a number or a label and type the new text. Each stat is two Heading widgets, one for the number and one for the label, so you can add symbols, a currency sign, or a unit in the number text without changing any settings. To change colors or sizes, select the widget and open the Style tab.
How do I add or remove a stat?
Duplicate one stat container to add a stat, or delete one to remove it. Then select the grid container and set Columns to match the number of stats. Check the tablet and mobile views, where the grid is set to one column and the number of rows is set to three.
Can I make the numbers count up when they scroll into view?
Yes. Replace each number Heading with Elementor's Counter widget, then set its starting and ending numbers and match the font, size, and color to the original. The block itself uses plain Heading widgets, so the numbers are static text by default.
How do I add a title above the stats?
Add a Heading widget above the grid container, inside the same white section. Use an H2 if the page already has an H1. The section's flex direction is column, so the new heading sits above the stats automatically.
Why do the stats stack in one column on tablet?
The grid has three columns on desktop and one column on tablet and mobile, because each stat is 20 rem wide and three of them need more room than a tablet usually has. On mobile, each stat becomes full width and the numbers shrink to 1.875 rem. To keep a different layout on tablet, switch to the tablet view and change the grid's Columns value.
Where should I place this stats section?
Place it between sections that explain what you do, for example after a hero or feature section and before testimonials or pricing. It works as a quick proof point that supports the content around it.
Do I need Elementor Pro?
No. The block only uses native Heading widgets inside Flexbox and Grid containers.
Why won't the file import?
Make sure the file has a .json extension and hasn't been unzipped or edited. If it still fails, check your hosting upload size limit or any security plugin that may block file uploads.
Why do the Flexbox or Grid settings look different or missing?
Update Elementor to the latest version. On older versions, the Flexbox Container and Grid Container features may need to be enabled first in Elementor's feature settings.
Why does the font look different?
The block uses the Inter font. If it isn't available on your site, change the font family in the Style tab of each widget.
Looking for more stats sections? Browse all Elementor stats section templates, or see every free block in Elementor Templates.
Comments
Post a Comment
Post a Comment