1. Help Center
  2. Ambassadors
  3. Widgets to add to my website

Widget - Insert a Net Zero Citizen / Team calculator in your website

You can copy-paste the code below in your website to insert 2 very nice widgets: Net Zero Citizen and Net Zero Team

Cet article sera bientôt traduit en Français. Veuillez nous excuser pour ce désagrément.

Adding a link to your forest on your website is a good way to demonstrate your commitment to fighting Climate Change. But you can go even further and show your customers the way, thus becoming an active ambassador in their transition towards sustainability.

Thanks to our widgets you will provide a simple and useful tool for your customers to calculate their CO2 emissions directly from your website and also an option to offset those emissions.

Our CO2 calculator widget counters

 

 

Net Zero Team counter

and

 

Net Zero Citizen counter

 

 

 

 

All you need to do is to copy-paste this embed code in your website's code:

<!-- step 1: Include the JavaScript SDK on your page once, ideally right after the opening body tag. -->
<script src="https://widgets.tree-nation.com/js/widgets.min.js?v=1.0"></script>

<!-- step 2: Place this code wherever you want the calculator for business to appear on your page. -->
<div id="tree-nation-calculator-team"></div>
<script>TreeNationCalculatorTeamMember({lang: 'en'}).render('#tree-nation-calculator-team');</script>

<!-- step 3: Place this code wherever you want the calculator for citizens to appear on your page. -->
<div id="tree-nation-calculator-family"></div>
<script>TreeNationCalculatorFamilyMembers({lang: 'en'}).render('#tree-nation-calculator-family');</script>

Modify the language displayed


By default, the counters are displayed in English. You can modify the language setting by changing this text:
{lang: 'en'}
with the desired language, for example:
{lang: 'fr'}

The languages you can use are:

  • English: {lang: 'en'}
  • Spanish: {lang: 'es'}
  • French: {lang: 'fr'}
  • Italian: {lang: 'it'}
  • German: {lang: 'de'}
  • Dutch: {lang: 'nl'}
  • Portuguese: {lang: 'pt'}


You can display 1 or 2 counters

  • If you want to display both Net Zero Team and Net Zero Citizen counters, please use the entire code above.
  • If you want to display the Net Zero Team counter, only paste step 1 and step 2.
  • If you want to display the Net Zero Citizen counter, only paste step 1 and step 3.


Please contact us if you have any issue or feedback with those counters.