Developers

Embed live fuel prices

Drop a small, always-up-to-date price widget into any site. Choose what to show and copy the code.

Prices come from the ΔΙ.Μ.Ε.Α. daily bulletin on fuelprices.gr. The ministry publishes each day's national mean retail prices the following day, so the widget's newest figures are always about a day old.

Preview

340px

Preview asBackgroundOpen raw

Presets

Content

Area

Language

Fuel

Appearance

Theme

Corners

Layout

Width

340px

Font

Custom colour

<iframe src="https://www.fuelo.gr/widget?lang=en" width="340" height="242" style="border:0;overflow:hidden" loading="lazy" title="Fuelo"></iframe>

Reference

Widget parameters

Every parameter goes in the query string of https://www.fuelo.gr/widget. The same names work as data-* attributes with /widget.js.

Param	Accepts	Default	Notes
`area`	national · cheapest · <slug>	national	All of Greece, the cheapest nomos for one fuel, or a prefecture slug (e.g. attikis).
`fuel`	all · <key> · k1,k2	all	One fuel key, a comma list, or all. Keys: unleaded_95, unleaded_100, diesel, autogas.
`theme`	auto · light · dark	auto	auto follows the visitor's OS setting.
`lang`	el · en	el	Widget copy language.
`layout`	card · compact	card	compact tightens padding and rows for headers or tickers.
`accent`	rrggbb	brand	Hex colour (with or without #) for the price emphasis, chips and credit.
`radius`	none · sm · md · lg	md	Card corner radius (0 / 10 / 16 / 22px).
`width`	fixed · fluid	fixed	fluid fills the container instead of the 340px cap.
`font`	system · serif · mono · <stack>	system	A raw CSS font-family stack is also accepted.
`header`	0 · 1	1	Show the title row.
`date`	0 · 1	1	Show the “updated” line.
`rel`	0 · 1	0	Show the update time as “today / 2 days ago”.
`trend`	0 · 1	0	Per-fuel change chip vs the tracked window (green when the price fell).
`spark`	0 · 1	0	Per-fuel sparkline from recent history.

Auto height: <div data-fuelo-widget data-area="attikis"></div> plus <script src="https://www.fuelo.gr/widget.js" async></script>. oEmbed: https://www.fuelo.gr/api/oembed?url=….

Widget parameters

Every parameter goes in the query string of https://www.fuelo.gr/widget. The same names work as data-* attributes with /widget.js.

Param	Accepts	Default	Notes
`area`	national · cheapest · <slug>	national	All of Greece, the cheapest nomos for one fuel, or a prefecture slug (e.g. attikis).
`fuel`	all · <key> · k1,k2	all	One fuel key, a comma list, or all. Keys: unleaded_95, unleaded_100, diesel, autogas.
`theme`	auto · light · dark	auto	auto follows the visitor's OS setting.
`lang`	el · en	el	Widget copy language.
`layout`	card · compact	card	compact tightens padding and rows for headers or tickers.
`accent`	rrggbb	brand	Hex colour (with or without #) for the price emphasis, chips and credit.
`radius`	none · sm · md · lg	md	Card corner radius (0 / 10 / 16 / 22px).
`width`	fixed · fluid	fixed	fluid fills the container instead of the 340px cap.
`font`	system · serif · mono · <stack>	system	A raw CSS font-family stack is also accepted.
`header`	0 · 1	1	Show the title row.
`date`	0 · 1	1	Show the “updated” line.
`rel`	0 · 1	0	Show the update time as “today / 2 days ago”.
`trend`	0 · 1	0	Per-fuel change chip vs the tracked window (green when the price fell).
`spark`	0 · 1	0	Per-fuel sparkline from recent history.

Auto height: <div data-fuelo-widget data-area="attikis"></div> plus <script src="https://www.fuelo.gr/widget.js" async></script>. oEmbed: https://www.fuelo.gr/api/oembed?url=….