Key stats widget

Easily display key stats (like analytics or sales) on your website


Just enter your four stats + labels, then copy the code to embed as a widget on your website.

1. Add labels + stats

2. Preview widget + themes

’Brand‘ theme can be colored how you want. To change the theme in your widget, follow the instructions below


3. Copy embed code

(HTML/CSS/JS)


Theme instructions

How to change the theme (colors) in your widget

The embed code uses CSS variables, with three pre-built themes.

Switch the theme between light, dark or brand in this part of the code:
<div class="stats-widget" data-theme="dark">

You can adapt brand theme to colors of your choice. Find this code and change the colors:
[data-theme="brand"] {
--bg: #fffaf2;
--border: #ff8800;
--text: #222;
--muted: #ff8800;
}


This is just a prototype at the moment, without much styling.

Made by @markbowley

More tools at minitools.carrd.co