Consupedia widget

Consupedia product widget

Visa Consupedias hållbarhetsdata på din webbsida

Vi på Consupedia har byggt världens största databas för hållbarhetsinformation om livsmedel tillsammans med KTH och Högskolan Dalarna. Nu kan du använda den för att informera dina kunder och besökare om dina produkters hållbarhet.

Var med och gör världen bättre, du också.

Skapa din widget

Skriv in din Ean-kod:

Visa endast:

Klimat
Hälsa
Vatten
Rättvisa

Kopiera och klistra in nedan kod där du vill att din widget ska vara placerad:

<div class="consu-widget" data-gtin='7318690081883'></div><script>var s=document.createElement('script');s.setAttribute('src','https://static.consupedia.com/index.js?v=2.0.12');s.onload=function(){window.consupedia()};document.body.appendChild(s);</script><link rel="stylesheet" href="https://static.consupedia.com/index.css?v=2.0.12">

Använd flera widgetar på samma sida

Lägg till flera widgetar på en sida genom att placera nedan kod innan </body> -taggen:

<script>var s = document.createElement('script');s.setAttribute('src','https://static.consupedia.com/index.js?v=2.0.12');s.onload = function(){window.consupedia()};document.body.appendChild(s);</script><link rel="stylesheet" href="https://static.consupedia.com/index.css?v=2.0.12">

Lägg sedan in nedan tagg på sidan där du vill att en widget ska visas:

<div class="consu-widget" data-gtin='{DIN-EAN-KOD}'></div>

För att endast visa valda värden, lägg till nedan data-attribut:

<div class="consu-widget" data-gtin='{DIN-EAN-KOD}' data-list='{värdelista}'></div>

Exempel:

<div class="consu-widget" data-gtin='7318690081883' data-list='climate,health'></div>

Visa en sammanställning av flera produkter eller ingredienser

Placera nedan kod innan </body> -taggen:

<script>var s = document.createElement('script');s.setAttribute('src','https://static.consupedia.com/index.js?v=2.0.12');s.onload = function(){window.consupedia()};document.body.appendChild(s);</script><link rel="stylesheet" href="https://static.consupedia.com/index.css?v=2.0.12">

Lägg till nedan tagg på sidan där du vill att en widget ska visas:

<div class="consu-widget" data-content='{DITT-INNEHÅLLS-OBJEKT}'></div>

Data-attributet (data-content) förväntar sig ett JSON objekt som sträng enligt nedan:

Exempel EAN-objekt:

'[{"gtin":"7318690081883","grams":"34"},{"gtin":"7340083453083","grams":"64.6"}]'

Exempel ingrediens-objekt:

'[{"ingredient":"Socker","grams":"5"},{"ingredient":"Mjöl","grams":"200.0"}]'

För att endast visa valda värden, lägg till nedan data-attribut (data-list):

<div class="consu-widget" data-content='{DITT-EAN-OBJEKT}' data-list='{värdelista}'></div>

Exempel:

<div class="consu-widget" data-content='[{"gtin":"7318690081883","grams":"34"},{"gtin":"7340083453083","grams":"64.6"}]' data-list='climate,health'></div>

Support

Behöver du hjälp att implementera widgeten på din webbsida? Kontakta oss:

info@consupedia.com