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.
Features
- Automatic emissions measurement for all posts and pages
- Background processing to avoid impacting site performance
- Automatic refresh of emissions data (weekly by default)
- One shortcode for display:
[carbonfooter] (choose the visual style in Settings → Appearance → Widget style: minimal, sticker, or full)
- Native Gutenberg block support (FSE-compatible): 9 blocks available in the "Carbonfooter" block category
- Post/page columns showing emissions in admin
- Optional green hosting detection
- Multilingual support (English and Dutch)
Usage
Use the single shortcode to render the widget. The visual style is selected in Settings.
[carbonfooter]
- 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.
- 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.
Gutenberg Blocks
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.
- carbonfooter/minimal — A lightweight single-line carbon emissions widget.
- carbonfooter/sticker — A compact badge-style carbon emissions sticker.
- carbonfooter/full — A composable container block for building custom carbon emissions layouts using the stat blocks below.
- carbonfooter/emissions — Displays CO₂ emissions per visit for the current page.
- carbonfooter/trees — Displays trees needed to offset annual emissions for the current page.
- carbonfooter/driving — Displays equivalent driving distance from annual emissions for the current page.
- carbonfooter/pageweight — Displays the page weight (transfer size) for the current page.
- carbonfooter/green-hosting — Displays whether the site uses green energy hosting.
- carbonfooter/label — A minimal inline carbon emissions label.
All blocks support color, spacing, border-radius, and typography controls via the block editor sidebar. Find them by searching "Carbonfooter" in the block inserter.