Skip to content
The Carbon Workbench
Start free
Menu
Embeddable calculators

Embed carbon tools
on your website

Embeddable calculators, portfolio displays and branded lead-generation widgets for your website or client portal. Preview every embed here for free, then talk to us about a live setup with your branding.

Ask about live embeds Read the embed guide
Or jump straight to live previews below.
Jump to Calculator embeds Finance embeds Display tools Lead-generation embeds
Configured workspace service: live iframe publishing is set up separately from report purchases. Signed-out visitors can preview demo embeds below, while eligible workspace users see their account-specific 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 part of an embed workspace 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
Eligible workspace 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.
Background colour
Sets the iframe page background so embeds can sit cleanly inside client site sections.
New tools:
yourwebsite.com/tools

Your embed code

<iframe src="https://thecarbonworkbench.com /embed/biochar-v3.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 workspace 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.

Workspace 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.
Open calculator → View standalone page

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; eligible workspace 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
Map coverage
Use focus region only for Africa-only or regional portfolio pages. This renders just that geography instead of cropping a full world map.
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

Put these tools on your site

Live embeds run on an embed workspace. We set it up with your branding and lead routing, then you copy your personal embed links from the app.

Open the tools → Ask about live embeds

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 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 my workspace is active?
Your personal embed URL includes your account ID. When the embed loads, it checks your workspace with The Carbon Workbench server. If your workspace 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 embed workspace.