Quick Onboarding
      Back to home
      1. Help Center
      2. Quick Onboarding

      6. Install your commitment label on your website

      Showcase your environmental commitment on your website by installing our label

      In case you missed earlier steps of this Quick onboarding, go back to the onboarding guide.

      Step 6: Add our commitment label to your website


      Discover

      For our Subscribed members, in particular, for Company sponsors, Tree-Nation offers a certification label to add to your site. This label is "smart" as it offsets your website´s emissions and gives quick access for your stakeholders to your Forest Impact Page.

      Installation steps

      1. Install the label in your website´s footer

      Log in to your account and enter this page. It will describe how to copy-paste a small piece of code into your website. On this page, click on the ´Install´ button. 

      2.  Choose a theme and language

      Before installing the label, decide on the following:

      • Theme: Light or Dark

      • Language: Select your preferred language (e.g., English). This will change the text of your label but also allow a visitor to see your Forest Impact page in the set language.

      Tip: If you have a multi-language website, you can adjust the following parameters:

      lang: Language code (e.g., 'en' for English, 'fr' for French).


      3. Obtain the installation code

      The Smart Label consists of two parts:

      1. JavaScript Code: This initializes the widget.
        Copy the JavaScript code and Paste it inside the <head></head> tags of your HTML page:

      2. HTML Code: This determines where the label will appear.
        Copy the HTML code and Paste it into the footer of your website, in the space you want the label to be displayed.

      3. Save and publish

        Save the changes to your HTML file.
        Publish or update your website to make the Smart Label live.

      Install status

      Once installed, your Smart Certification page will indicate the install Status of your label. The status should change to "Active".
      The "Last connection" information indicates when the Label was last accessed by any of your website users.

      Troubleshooting

      • Label not displaying: Ensure the JavaScript code is placed correctly inside the <head> tag.

      • Incorrect placement: Confirm the HTML code is pasted in the desired location on your webpage.

      • Customization issues: Double-check the parameters (e.g., lang, theme) for typos.

      • If you still have an issue, contact our Support.

      All set! Now go to Step 7: Track your environmental impact