The Impact Badge
Show your climate impact, anywhere
The Impact Badge is a live, self-updating summary of everything you have offset and removed with CarbonGuru. Embed it on your store, your website, or a landing page — paste two lines once and it stays current on its own.
A live example — this demo account’s real cumulative offsetting and removals, updated automatically.
See it live on a real store
This is a working example store with the Impact Badge embedded in its footer — exactly how a merchant adds it. Scroll to the bottom of the store to see the badge live and updating.
How it works
- Paste two lines once — a script tag and the
<cg-impact-badge>element, anywhere on your site. - It stays current on its own — the badge reads your live CarbonGuru impact; every new offset or removal appears automatically. No re-embedding, no maintenance.
- Works on any platform — Shopify, WooCommerce, Squarespace, Webflow, BigCommerce, or plain HTML. No code, no build step.
The snippet
<script async src="https://carbonguru.io/embed/v1/badge.js"></script>
<cg-impact-badge data-key="pk_impact_your_key"></cg-impact-badge>Configuration & display options
| Option | What it does |
|---|---|
data-key | Required. Your publishable key — identifies whose impact the badge shows. Find it under My Account → Impact Badge. |
data-default="minimal" | Default. The badge starts collapsed as the “Offsetting via CarbonGuru” chip; visitors click it to expand. This is what a live store footer shows. |
data-default="expanded" | The badge starts open, showing the full impact panel by default. |
<div data-cg-impact-badge> | Drop-in fallback element for platforms that strip custom tags (some page builders) — same data-key, same result. |
What it displays. Collapsed — the badge chip with your share of footprint offset, the tree filling to match. Expanded (click, or data-default="expanded") — your positive climate impact in dollars, kg CO₂e offset, kg CO₂e removed, your recent offset & removal actions, and a link to your dashboard. The badge reads your live impact on every load and updates on its own; revoking your key blanks every embed at once within a minute.
The Impact Badge is included with Prime. Members get their own key and a copy-paste snippet under My Account → Impact Badge, with a live preview and one-click revoke.
Make every order positive action.
Set up in about ten minutes — no code on most platforms, and your checkout keeps working exactly as it does. Show footprints, offset orders, and give every customer proof of impact.