# Quick Start

This document gives a quick introduction into how the integration of the twigbit CO₂ Calculator works.

You need a few configuration values at hand, that should have been provided to you by us:

• Origin: An URL of the form https://[...].co2-calculator.twigbit.dev
• ClientID: A unique identifier for your integration.

# Add the iframe element

<iframe
  id="co2-calculator"
  title="CO2 Calculator"
  loading="lazy"
  width="800"
  height="500"
  style="border:0"
  referrerpolicy="strict-origin"
  src="[ORIGIN]"
></iframe>

The origin usually is a subdomain of https://[...].co2-calculator.twigbit.dev, which is unique to your flavour of the CO₂ calculator.

You need to add your client ID to this URL as a query parameter. The resulting value for the src attribute should look like:

https://[...].co2-calculator.twigbit.dev/?clientID=[ClientID]

A detailed list of all available configuration parameters that can be added to the URL can be found in the API Reference.

# Further information

Now, you should already be able to see our CO₂ calculator on your webpage and be able to interact with it.

If you need a deeper integration (e.g. read out the values after the user completed the calculation), refer to the Guide and API Reference.