Live elpris-widget

Strømligning gør det muligt at indsætte en live elpris-widget på din hjemmeside. Du kan konfigurere den til at se ud på en bestemt måde eller begrænse den til enkelte produkter, netselskaber og områder.

Kontakt os gerne for hjælp med tilpasning og implementering af live elpris-widget.

Simpel elpris-widget

Ønsker du blot en komplet prisvisning med alle indstillingsmuligheder tilgængelige for brugeren, kan denne script-blok indsættes, der hvor widget ønskes placeret.

<script src="/embed.js?graph=bars&resolution=15m&selectPriceResolution=true" />

Forudvælg indstillinger og begrænsninger

Det er muligt at forudindstille valg af produkt, region og netselskab. Samtidig er det også muligt at begrænse hvilke produkter, netselskaber og regioner, der kan vælges.

Her ses et eksempel fra elselskabet Ø/strøm:

  • I eksemplet er produktet Ø/strøm SpotEl med id'et 'oe_stroem' er valgt som standard.
  • Prisopløsningen er sat til 15 minutter og muligheden for at vælge prisopløsning er slået fra.
  • Samtidig er produktlisten begrænset til kun at indeholde produkterne med id'et 'oe_stroem' og 'oe_groen_stroem'.
  • Fordi Ø/Strøm fokuserer på Sydfyn, er der i eksemplet valgt pris-region DK1, og muligheden for at vælge pris-region er slået fra.
  • Netselskab er sat til Veksel C.
  • Find id til mulige produkter og netselskaber via vores API. Se https://stromligning.dk/api/docs

Det er også muligt at sætte og begrænse moms, transmission og elafgift.

Kontakt os for at høre om alle mulighederne og for at få id til produkter og netselskaber.

<script src="/embed.js?graph=bars&product=oe_stroem&products=oe_stroem,oe_groen_stroem&priceRegion=DK1&selectPriceRegion=false&tariff=veksel&priceResolution=15m" />

Styling

Det er muligt at tilpasse farver, skrifttype, størrelse m.v. via CSS-styling.

--low-color, --mid-color og --high-color sætter farverne på søjlerne fra lav til høj pris. Det anbefales, at --mid-color sættes til en nogenlunde neutral grålig tone.

Kontakt os, hvis der ønskes udarbejdet styling, så det passer ind på netop jeres side.

Her ses eksempel i Ø/strøm-farver.

<template id="stromligning-widget-styles">
	<style>
		body {
			color: #1f5052;
		}

		.meters {
			padding: 1em;
			p {
				color: #1f5052 !important;
				small {
					font-size: 0.8em;
				}
			}
			span {
				font-size: 2.2em !important;
				color: #ac7668;
			}
		}

		:root {
			--low-color: #5f845e;
			--mid-color: #ac7668;
			--high-color: #ff4500;
		}
	</style>
</template>
<script src="/embed.js?graph=bars&priceResolution=15m&selectPriceResolution=true" />

Energi Ikast

Her ses eksempel fra Energi Ikast.

<template id="stromligning-widget-styles">
	<style>
		:root {
			--low-color: #8ec055;
			--mid-color: #f1b752;
			--high-color: #d45544;
		}
	</style>
</template>
<script src="https://stromligning.dk/embed.js?product=samstrom_ren_spar&products=samstrom_ren_spot,samstrom_ren_spar" />

Samstrøm

Her ses eksempel fra Samstrøm.

<template id="stromligning-widget-styles">
	<style>
		:root {
			--low-color: #94be61;
			--mid-color: #b37f7d;
			--high-color: #bf5c5e;
		}
	</style>
</template>
<script src="https://stromligning.dk/embed.js?product=samstrom_ren_spar&products=samstrom_ren_spot,samstrom_ren_spar" />
close Ny version