The live impact widget
A small badge for your website showing the mangroves your partnership has planted, linking to the proof. It loads fast, works on any site, and cannot interfere with your page styles.
Live preview
This preview uses a sample number. Your widget shows your real running 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 "Verified planting" 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 count for trees funded through your partnership. We keep the ledger.