🕓
Climate Clock Docs
  • Climate Clock
  • Climate Clock API
  • Climate Clock Website Widget
  • Code Repositories
  • Portable Action Clock User Manual
    • QUICK START
    • Action Clock Fourth Generation (gen4)
      • Action Clock Gen4 Maker Details
      • Manual Software Update on 4th gen Action Clock
    • gen1/gen2 Getting Started
      • Update your clock
        • DONT LOOK UPdate
      • FAQ
      • OUTDATED: Make a Climate Clock
    • Climate CAR Clock
Powered by GitBook
On this page

Was this helpful?

Climate Clock Website Widget

Follow the below instructions to add a digital Climate Clock to your website and remind every visitor that we must Act In Time!

PreviousClimate Clock APINextCode Repositories

Last updated 1 year ago

Was this helpful?

To add the Climate Clock widget to your site, all you have to do is add the following HTML:

<script src="https://climateclock.world/widget-v2.js" async></script>
<climate-clock />

TROUBLESHOOTING:

  • Some websites won’t recognize the <climate-clock> tag. If your website filters HTML in this way, ask a website tech how to add it directly.

  • If the Climate Clock widget displays incorrectly on your site, you can try an older version with a different appearance:

<script src="https://climateclock.world/widget-v1.js" async></script>
<climate-clock />

FOR ADVANCED USERS:

If you prefer, , build it from source and host it on your own server. Want to make changes? Open an issue or contribute a pull request on github!

clone the Climate Clock widget