De bandenspanning widget heeft twee versies: een CO2 versie en een Euro versie. De widgets geven aan hoe veel er bespaard is.
Om de widget toe te voegen aan jouw website gebruik je de volgende code snippets:
<!-- Widget script -->
<script id='bandenspanning-widget-script' type="text/javascript" src="https://widget.detellerloopt.nl/widget.js?org=evofenedex&comp=236tURNi3Qvc9JxYKV4P" async></script>
<!-- Widget code voor co2 widget -->
<div style="display: flex;" class="bandenspanning-widget co2">Loading wiget...</div>
<!-- Widget code voor euro widget -->
<div style="display: flex;" class="bandenspanning-widget money">Loading wiget...</div>
De widget "script" tag hoeft maar een keer per pagina worden toegevoegd. Veel gebruikte plaatsen zijn de head sectie of net voor de sluitende body tag. Het maakt in principe niet uit waar de script tag staat.
De widget HTML codes plaats je op de plek waar de widget moet komen te staan. De widget wordt als HTML geïnjecteerd en kan derhalve met CSS worden aangepast om goed in jouw website te passen.
Bovenstaande widgets verschillen in hun HTML markup alleen in de class "money" of class "co2" die bepaalt welk type widget wordt toegevoegd.