Calculators · Gutenberg
Carbon Footprint Calculator block for WordPress
Estimate your annual CO2 equivalent emissions across transport, home energy, diet, and shopping categories.
Get Blockenberg
Free Gutenberg block in Blockenberg. The inspector controls and front-end behavior on this page come from this block’s source, not a shared stub.
What it actually does
Estimate your annual CO2 equivalent emissions across transport, home energy, diet, and shopping categories.
Inspector panels on this block: Content, Display, Sizing. Those titles come from index.js, not from a shared template.
Behavior controls: “Default Unit” options: Metric (km, kWh, m³), Imperial (mi, kWh, therms).
Where to find it
Gutenberg inserter → Calculators → search “Carbon Footprint Calculator” (block name `blockenberg/carbon-footprint-calculator` in block.json). Style it in the sidebar after insert.
How to use Carbon Footprint Calculator block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Carbon Footprint Calculator”, insert it. Category: Calculators.
- Configure inspector controls that exist on this block. Open Content. Set “Content — Title”, “Subtitle”, “Default Unit”.
- Check the published page. The view script reads HTML data attributes: data-opts. The block editor preview may not run the same view script.
Inspector controls from this block’s code
| Control | What the code does |
|---|---|
| Content — Title | Text field in the inspector. block.json default: Carbon Footprint Calculator. Saved as `title`. |
| Subtitle | Text field in the inspector. block.json default: Estimate your annual CO₂ equivalent emissions. Saved as `subtitle`. |
| Default Unit | Select control; the chosen value is saved on the block. Options: Metric (km, kWh, m³); Imperial (mi, kWh, therms). block.json default: metric. Saved as `defaultUnit`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts.
When this is the right block
- Estimate your annual CO2 equivalent emissions across transport, home energy, diet, and shopping categories — that is the job of Carbon Footprint Calculator, not a generic content block.
- Use it when you need the editor control labeled “Content — Title”, which exists on this block’s inspector.
- It matches pages about carbon, footprint, co2.
- Inserter grouping: tools, lead magnets, and interactive widgets.
Notes from the implementation
viewScript: this folder’s frontend.js is enqueued on the front end for this block.
FAQ
How do I add the Carbon Footprint Calculator block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Carbon Footprint Calculator”. It sits under Calculators. After insert, open Content and set “Content — Title”, “Subtitle”, “Default Unit”.
What makes Carbon Footprint Calculator different from other Blockenberg blocks?
Estimate your annual CO2 equivalent emissions across transport, home energy, diet, and shopping categories. Inspector labels on this block include “Content — Title”, “Subtitle”, “Default Unit”.
Is the Carbon Footprint Calculator Gutenberg block free?
Yes. Carbon Footprint Calculator ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Carbon Footprint Calculator to match my theme?
Yes. Blockenberg’s shared typography and color panels apply here, plus any block-specific style controls listed on this page (panels: Content, Display, Sizing).
Related calculators blocks
Age Calculator
An interactive age calculator that computes exact age in years, months, and days from a birth date. Includes next birthday countdown, total days lived, zodiac sign, and day of week born.
Aspect Ratio Calculator
Calculate image or video dimensions, aspect ratios, and common presets for designers.
BMI Calculator
Interactive Body Mass Index calculator with metric and imperial units, animated result gauge, weight category indicator, and fully customizable styling.
Body Fat Calculator
Calculate body fat percentage using the US Navy method based on height, neck, waist, and hip measurements. Shows body fat category and health range.
Break-Even Calculator
Calculate break-even point, profit zone, and contribution margin for business analysis.
Compound Interest Calculator
Calculate compound interest growth with configurable compounding frequency, monthly contributions, and a year-by-year breakdown.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Carbon Footprint Calculator from the Gutenberg inserter.