Embed carbon tools
on your website

Offer calculators, portfolio displays and branded lead-generation widgets on your own site. Preview the live iframe, adjust the setup, then paste the code into your pages or client portal.

Go to your tools → Read the embed guide
Or jump straight to live previews below.
Jump to Calculator embeds Display tools Lead-generation embeds

Calculator embeds

Preview and deploy your calculator embeds

Switch between calculators to preview each embed, then copy the iframe code below. Every calculator uses the same TCW runtime and server-side validation, so what you preview here is the same setup your website will use live.

Theme:
Accent:
Radius:
Customise for your site
Override the calculator title and show your logo in the embed nav bar
Show your logo
Displays your logo in the embed nav bar. Set your logo in Embed Branding settings.
Custom title
Overrides the nav bar and header title in the embed. Leave blank to use the default.
Header bar colour
Changes the top embed nav bar colour behind your logo and the docs link.
Title colour
Changes the calculator title colour in the embed header or hero.
New tools:
yourwebsite.com/tools

Your embed code

<iframe src="https://thecarbonworkbench.com /embed/biochar.html ?uid=YOUR_ACCOUNT_ID" width="100%" height="600" frameborder="0" title="Biochar Carbon Calculator" loading="lazy" ></iframe>

🌱 Biochar Carbon Calculator

Full biomass → biochar → CO₂e chain. Yield, moisture, permanence. Gold Standard & Puro.earth aligned.

embed/biochar.html?uid=YOUR_ACCOUNT_ID

📈 Project Feasibility Modeller

Household count, credit price, project life → revenue, costs, ROI and break-even. Works for any project type.

embed/feasibility.html?uid=YOUR_ACCOUNT_ID

🔥 Cookstove Credit Calculator

Households to annual tCO₂e. Wood consumption, NRB fraction, fuel saving. Gold Standard GS4GG methodology.

embed/cookstove.html?uid=YOUR_ACCOUNT_ID

🧍 Personal Carbon Score

6-category lifestyle questionnaire → 0–1000 Carbon Score + tCO₂e/yr. Great for public engagement.

embed/personal-score.html?uid=YOUR_ACCOUNT_ID

📊 Quick Footprint

Fast 5-slider estimate for sole traders and small teams. Gas, electricity, fleet, flights. Good for quick offsetting conversations.

embed/footprint.html?uid=YOUR_ACCOUNT_ID

🔄 CO₂e Converter

Convert between tCO₂e, kgCO₂e, MWh, litres fuel, km driven and flight hours. 10+ unit types.

embed/converter.html?uid=YOUR_ACCOUNT_ID

💧 Water Project Calculator

Gold Standard AMS-III.AV. Households, NRB fraction, fuel saving → annual tCO₂e and revenue.

embed/water.html?uid=YOUR_ACCOUNT_ID

🎯 Net Zero Planner

Baseline emissions, reduction levers and target year → residual to offset. Science-based pathway.

embed/netzero.html?uid=YOUR_ACCOUNT_ID

☀️ Solar Credit Calculator

kWp, sun hours, grid emission factor → annual MWh, credits and revenue. 5 regional presets.

embed/solar.html?uid=YOUR_ACCOUNT_ID

🌳 Forestry & ARR Calculator

Verra VM0047. Hectares, sequestration rate, buffer and leakage → net annual credits and 30-yr revenue.

embed/forestry.html?uid=YOUR_ACCOUNT_ID

💰 Verification Cost Estimator

VVB fees, registry charges and net revenue by standard (GS, VCS, Puro, Plan Vivo). Break-even year.

embed/vercost.html?uid=YOUR_ACCOUNT_ID

🗺 Methodology Selector

Project type and priority → recommended standard with plain-English explanation. 9 project types.

embed/methodology.html?uid=YOUR_ACCOUNT_ID

🏢 Business Carbon Footprint

Full Scope 1, 2 & 3 calculator with sector presets, country-specific grid factors and per-FTE intensity rating. Designed for SME and corporate offsetting journeys.

embed/biz-footprint.html?uid=YOUR_ACCOUNT_ID

📦 Offset Portfolio Builder

Allocate a footprint across 6 project types (cookstoves, water, forestry, REDD+, biochar, solar). Shows blended cost, co-benefits, avoidance vs removal split and claim guidance.

embed/offset-portfolio.html?uid=YOUR_ACCOUNT_ID

Display tools

Display tools for live portfolio pages

Use display embeds when the page needs proof, context or portfolio visibility rather than a full calculator. They follow the same URL-based setup model as the calculators and stay linked to your live TCW data or settings.

📍 Project Map

Interactive carbon project map with country shading, richer visual styles, optional project lists and support for wide or near full-width layouts. Tied to your saved account data.

embed/project-map.html?uid=YOUR_ACCOUNT_ID

📊 Impact Counter

Animated counters showing your verified impact figures - tCO₂e, households, trees, countries. Configure up to 8 counters. All config lives in the URL, no account needed.

embed/impact-counter.html?uid=YOUR_ACCOUNT_ID&c1_val=47200&c1_unit=tCO₂e&c1_label=Carbon+Removed&c1_icon=🌱

💷 Credit Price Guide

Indicative VCM prices by project type with trend indicators and quality ratings. Updated quarterly by TCW. Supports category filters, dark theme and custom accent colour.

embed/credit-prices.html?uid=YOUR_ACCOUNT_ID
Project Map - Interactive carbon project map with country shading, optional stats, legend, and credit-volume context. Use it for portfolio pages, impact reports, or project landing pages.
Layout
Style
Map height
480px
Show
Accent colour
Overrides default green
yourwebsite.com/projects
Shared configuration across the embed range
Theme, accent, radius, density and layout controls carry across all TCW embed surfaces, so calculators, display tools, and lead-generation widgets stay visually consistent.
Configure in tools →

Lead-generation embeds

Turn footprint estimates into enquiries

Offer flight, travel, event, and business estimates in one branded widget. Choose a single calculator or bundle all four together, match it to your site, choose the currency, and route enquiries to your email.

Configure your widget

Adjust the live preview, then copy the iframe code into your site.

Bundle mode adds a public-facing calculator picker inside the widget.
Examples: 100%, 960px, 80vw.
Shown in the preview wrapper only, not inside the iframe itself.
Configure here, then jump down to review the widget at a realistic width. Jump to preview ↓
Client: North Star Climate Lead destination: offsets@northstarclimate.com
Lead-generation preview
This is the live embed preview.
northstarclimate.com/offsets

Lead-generation embed code

Paste this into your site.

<iframe src="https://thecarbonworkbench.com/embed/leadgen.html?uid=YOUR_ACCOUNT_ID&mode=bundle&type=flight&default=flight&enabled=flight,travel,event,business" width="100%" height="760" frameborder="0" title="Carbon Estimate Calculator" loading="lazy" ></iframe>

Customisation

Shared embed controls

TCW embeds are configured through URL parameters rather than custom CSS. That makes it easy to keep calculators, display tools and lead-generation widgets consistent across different pages.

/* Light theme (default) */ ?uid=YOUR_ACCOUNT_ID /* Dark theme */ ?uid=YOUR_ACCOUNT_ID&theme=dark /* Custom accent colour (URL-encoded hex) */ ?uid=YOUR_ACCOUNT_ID&accent=%230066cc /* Sharper corners (0–20px, default 10) */ ?uid=YOUR_ACCOUNT_ID&radius=4 /* Compact mode - tighter padding */ ?uid=YOUR_ACCOUNT_ID&compact=1 /* Combine any params */ ?uid=YOUR_ACCOUNT_ID&theme=dark&accent=%230066cc&radius=4 /* Auto-resize iframe to fit content height */ window.addEventListener('message', function(e) { if (e.data.type === 'tcw-embed-height') { document.getElementById('your-iframe').height = e.data.height; } });

Get started

Included with Pro and Enterprise

Embedding is a standard Pro feature - no extra licence, no setup. Sign in, go to any calculator, and copy your personal embed link.

Open the tools → See Pro pricing

Common questions

Embed FAQ

Do my users need a Carbon Workbench account?
No. Embedded calculators are completely standalone. Your users interact with the calculator without any sign-up or login. Your account ID is validated server-side, invisibly - visitors just see the calculator.
What happens if the methodology changes?
We update emission factors and methodology parameters centrally. Your embedded calculators update automatically - you don't need to change your embed code.
Can I customise the colours to match my brand?
Light and dark themes are available on all plans via the ?theme=dark parameter. Custom accent colour is available via ?accent=%23hex. The "Powered by" footer is included on all embeds as standard.
How does the embed know I'm a Pro user?
Your personal embed URL includes your account ID. When the embed loads, it checks your account plan with The Carbon Workbench server. If your plan changes or lapses, the embed updates automatically - no code changes needed on your site.
Can I embed on client sites?
Yes - your personal embed URL works on any domain. Just paste it into an iframe wherever you need it. If you're a consultant embedding for multiple clients, you only need one Pro account.