The live impact widget
A small badge showing an approved partner mangrove-support total and linking to plot-level evidence. It does not claim that every counted mangrove is individually shown or donor-assigned.
Live preview
This preview uses a sample number. A live widget requires an approved, reconciled total.
Option 1: script tag (recommended)
<script src="https://treegensfoundation.org/widget/impact.js"
data-partner="YOUR-PARTNER-ID"></script>
- data-partner: your partner ID, assigned when your partnership starts.
- data-theme: optional, "light" (default) or "dark".
- The badge renders exactly where you place the tag, inside shadow DOM, so your CSS and ours never collide.
Option 2: iframe
If your platform does not allow third-party scripts (some site builders don't), use the iframe:
<iframe src="https://treegensfoundation.org/widget/frame.html?partner=YOUR-PARTNER-ID"
title="Trees planted with Treegens Foundation"
style="border:0;width:340px;height:120px" loading="lazy"></iframe>
How the number updates
- Counts are served from
/widget/stats.jsonon our domain and cached for five minutes, so updates appear on your site within minutes of us publishing them. - Your total is updated with every monthly proof report, and on request during campaigns.
- If the count cannot be loaded, the badge shows "Plot evidence" instead of a number. It never shows a wrong number and never breaks your page.
Rules of the road
- The widget always links to the proof section, because the proof is the point.
- Only display a partner total after the Foundation has reconciled and published it. The widget links to plot evidence but does not turn that evidence into individual-tree proof.