Tom Greenwood

beleaf

Josh

The internet consumes a lot of electricity. 416.2TWh per year to be precise. To give you some perspective, that’s more than the entire United Kingdom.
From data centres to transmission networks to the devices that we hold in our hands, it is all consuming electricity, and in turn producing carbon emissions.
Only by measuring the emissions of our web pages can we be informed about the impact that they are having. This plugin, powered by the Website Carbon project, allows for measuring and reporting on the carbon emissions of your site, so you to can understand the impact, and ultimately, reduce the emissions.

Website Carbon

Every web page view generates carbon emissions. The website carbon plugin monitors your site and lets you know what the emissions are.

pixeltoplanet

Danny Moons

dumithrathnayaka

Carbonfooter helps you understand and showcase the carbon emissions of your website. The plugin automatically measures the carbon footprint of your pages and provides easy-to-use shortcodes to display this information to your visitors.
Important Note: This plugin uses the carbonfooter.nl API service to calculate emissions data. By installing and activating this plugin, you agree to share your website URLs with this service for analysis. See the Privacy and External services sections below for more details.
<h4>Features</h4>
<ul>
<li>Automatic emissions measurement for all posts and pages</li>
<li>Background processing to avoid impacting site performance</li>
<li>Automatic refresh of emissions data (weekly by default)</li>
<li>One shortcode for display: <code>[carbonfooter]</code> (choose the visual style in Settings → Appearance → Widget style: minimal, sticker, or full)</li>
<li>Native Gutenberg block support (FSE-compatible): 9 blocks available in the “Carbonfooter” block category</li>
<li>Post/page columns showing emissions in admin</li>
<li>Optional green hosting detection</li>
<li>Multilingual support (English and Dutch)</li>
</ul>
<h4>Usage</h4>
Use the single shortcode to render the widget. The visual style is selected in Settings.
<pre><code>`
</code></pre>
[carbonfooter] 
 `
<ul>
<li>Style selection: Choose between “minimal”, “sticker”, or “full” in Carbonfooter → Settings → Appearance → Widget style. The shortcode does not take attributes; a site-wide style is applied.</li>
<li>Automatic insertion: In Settings, set Display to “Auto” to automatically inject the widget into the site footer on the frontend. Set to “Shortcode” to only render where the shortcode is used.</li>
</ul>
<h4>Gutenberg Blocks</h4>
The plugin registers 9 native Gutenberg blocks under the “Carbonfooter” category, compatible with Full Site Editing (FSE) themes. All blocks use server-side rendering so data is always fresh.
<ul>
<li>carbonfooter/minimal — A lightweight single-line carbon emissions widget.</li>
<li>carbonfooter/sticker — A compact badge-style carbon emissions sticker.</li>
<li>carbonfooter/full — A composable container block for building custom carbon emissions layouts using the stat blocks below.</li>
<li>carbonfooter/emissions — Displays CO₂ emissions per visit for the current page.</li>
<li>carbonfooter/trees — Displays trees needed to offset annual emissions for the current page.</li>
<li>carbonfooter/driving — Displays equivalent driving distance from annual emissions for the current page.</li>
<li>carbonfooter/pageweight — Displays the page weight (transfer size) for the current page.</li>
<li>carbonfooter/green-hosting — Displays whether the site uses green energy hosting.</li>
<li>carbonfooter/label — A minimal inline carbon emissions label.</li>
</ul>
All blocks support color, spacing, border-radius, and typography controls via the block editor sidebar. Find them by searching “Carbonfooter” in the block inserter.
<h3>Privacy</h3>
This plugin connects to the Carbonfooter API (operated by the same developer/owner as this plugin) to calculate page-level emissions. The following data may be sent to <code>carbonfooter.nl</code>:
<ul>
<li>Page URL being analyzed</li>
<li>Site URL</li>
<li>Post ID</li>
<li>Plugin version</li>
<li>A timestamp</li>
</ul>
When is data sent: 
* When you trigger a measurement in the WordPress admin 
* When the plugin refreshes stale data in the background (via WP-Cron) 
* When a single page view schedules a background refresh
No personal data is collected or stored by this plugin.
Opt-out controls: 
* You can disable data collection at any time in Carbonfooter → Settings → Privacy (toggle “Data collection”).
Provider: 
* Carbonfooter by Pixel to Planet 
* Privacy Policy: https://carbonfooter.nl/privacy
Terms: 
* Terms of Service for the Carbonfooter API are currently under preparation and will be linked here when available.
<h3>External services</h3>
This plugin connects to the Carbonfooter API (operated by the same developer/owner as this plugin) to calculate page-level emissions.
What is sent and when: 
– Page URL being analyzed 
– Site URL, post ID, plugin version, timestamp 
– Sent when you trigger a measurement in admin, when the plugin refreshes stale data in the background, or when a single page view schedules a background refresh.
Provider: Carbonfooter (Pixel to Planet) 
– Privacy Policy: https://carbonfooter.nl/privacy 
– Terms of Service: currently under preparation
<h3>Terms of Service</h3>
The Carbonfooter API used by this plugin is operated by the same developer/owner as this plugin (Pixel to Planet / carbonfooter.nl). By using this plugin, you agree that the URLs being tested are sent to the external Carbonfooter API for analysis. Terms of Service are currently under preparation. Privacy Policy: https://carbonfooter.nl/privacy

Carbonfooter

Measure and display your website's carbon footprint with accurate emissions data from carbonfooter.nl.

Website Carbon vs Carbonfooter