Embeddable calculators

Embed carbon tools
on yourwebsite

Embeddable calculators, portfolio displays and branded lead-generation widgets are included with Pro and Enterprise plans. Preview the live iframe, adjust the setup, then paste the code into your pages or client portal.

View Pro pricing → Read the embed guide
Or jump straight to live previewsbelow.
Jump to Calculator embeds Finance embeds Display tools Lead-generation embeds
Pro feature: these iframe embeds require a Pro or Enterprise account ID for live use. Signed-out visitors can preview demo embeds below, while Pro users see their personal embed URL auto-filled.

Calculator embeds

Preview and deploy your calculator embeds

Switch between calculators to preview each embed, then copy the iframe code below. Live embed URLs are a Pro feature and validate your account ID automatically, so what you preview here is the same setup your website will use in production.

More configuration is available in the Tools app. Use the app to save branding, tune calculator setup, and copy your account-specific embed links. Open Tools app →
Theme:
Accent:
Radius:
Customise for your site
Pro users can override the calculator title and show a 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-v2.html ?uid=YOUR_ACCOUNT_ID" width="100%" height="600" frameborder="0" title="Biochar Carbon Calculator" loading="lazy" ></iframe>

Finance embeds

Pension climate tools for public-facing pages

The Pension Climate Snapshot is a Pro embed for benefits, ESG and climate education pages. It keeps the framing educational while showing tCO2e exposure, intensity, disclosure quality and questions to ask a pension provider.

Pro calculator
Pension Climate Snapshot

A client-safe finance calculator for explaining the climate footprint sitting behind a pension fund, workplace scheme or self-select portfolio.

Estimates financed emissions in tCO2e and intensity per GBP 10k invested.
Includes monthly contributions and years to retirement so users can see projected exposure, not just today's pot.
Adds provider questions and an advice disclaimer, making it suitable for education rather than regulated financial advice.

Starter embed

<iframe src="https://thecarbonworkbench.com/embed/pension-climate.html?uid=YOUR_ACCOUNT_ID&title=Pension+Climate+Snapshot&showQuestions=1&showDisclaimer=1" width="100%" height="900" frameborder="0" title="Pension Climate Snapshot" loading="lazy" ></iframe>
Live embed preview
Demo account shown; Pro users get account-specific URLs.
Open in calculator tabs →

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 Workbench data or settings.

Project Map - Interactive carbon project map with presentation styling, country shading, filter chips, portfolio stats, SDG evidence tags and project pills. Use it for portfolio pages, impact reports, or investor-facing landing pages.
Configure more in the Tools app. Save project data, branding, map defaults and account-specific embed settings from your workspace. Open Tools app →
Layout
Style
Title position
Initial focus
Project links
Map height
520px
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 Workbench 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.

More configuration is available in the Tools app. Use the app to manage saved branding, production embed links and account-level setup before publishing. Open Tools app →
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.
Added to the embed URL as the client destination for enquiry emails.
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

Carbon Workbench 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.