Put the European Score on your site
One div plus one script adds a live, beautiful European Score widget to any page — blog, shop or directory. Five ready-made types, dark & light, fully customisable.
How it works
No SDK, no build step, no API key. Put the config on a div, load one script, and the widget renders itself — links back to the product pages included, injected for you.
Add a div
A container with class eps-widget and the data-* options for the view you want.
Load the script
One generic <script> — no arguments. It finds every widget on the page and renders it.
It renders live
Cached, fast, dark/light aware, always up to date — with the attribution link injected automatically.
<div class="eps-widget" data-mode="top"></div>
<script async src="https://euproductscore.com/embed.js"></script>Five widget types
Each shows one fixed view. Choose the one that fits, copy the whole block, paste.
Product score badge
Show one product's European Score — perfect next to a product you mention in an article or on a shop page.
<div class="eps-widget"
data-mode="product"
data-code="3596710542703"></div>
<script async src="https://euproductscore.com/embed.js"></script>Top rated
The overall top-scoring European products. A solid evergreen block for a sidebar or homepage.
<div class="eps-widget" data-mode="top"></div>
<script async src="https://euproductscore.com/embed.js"></script>Top by type
Top products within one type — for example food or books. Ideal for niche and vertical sites.
<div class="eps-widget"
data-mode="top" data-type="food"></div>
<script async src="https://euproductscore.com/embed.js"></script>Trending (by time)
Top products within a window: today, week, month or year. Keeps the block fresh automatically.
<div class="eps-widget"
data-mode="top" data-time="week"></div>
<script async src="https://euproductscore.com/embed.js"></script>Top by country
Top-scoring products from a country. Use the Open Food Facts country tag, e.g. en:france.
<div class="eps-widget"
data-mode="country" data-country="en:france"></div>
<script async src="https://euproductscore.com/embed.js"></script>Make it yours
Match your site's look in seconds.
Dark & light, automatic
Set data-theme to auto (default) and the widget follows
each visitor's OS preference, so it always blends in. Or force light
or dark — the example here is forced to dark.
<div class="eps-widget"
data-mode="top" data-theme="dark"></div>
<script async src="https://euproductscore.com/embed.js"></script>Brand colour, title & detail
Use data-accent for any hex colour, data-title to rename
the header, and data-max-width to fit your layout. Each result also
shows our European-origin verdict by default — switch to a denser
look with data-variant="compact".
<div class="eps-widget"
data-mode="top"
data-accent="#9333ea"
data-title="Most European picks"
data-max-width="380px"></div>
<script async src="https://euproductscore.com/embed.js"></script>All parameters
Everything goes on the div; the script never changes.
| Attribute | Values | Default |
|---|---|---|
| class | must include eps-widget (the marker) | — |
| data-mode | product · top · country | top |
| data-code | barcode / ISBN (mode=product) | — |
| data-country | country tag, e.g. en:france (mode=country) | — |
| data-type | food · beauty · book · pet · product | all |
| data-time | today · week · month · year (mode=top) | all-time |
| data-limit | 1–24 | 8 |
| data-theme | light · dark · auto | auto |
| data-accent | hex colour | #1d4ed8 |
| data-title | header text | auto |
| data-max-width | CSS width, e.g. 440px | 100% |
| data-variant | full (adds our verdict) · compact | full |
The <script> is identical everywhere — only the div's
data-* changes. The link back to euproductscore.com is injected for you.
Building a product? Our API
offers full programmatic access.
Show how European your products are
It's free, there's no sign-up, and you can use it anywhere. If you do add it to your site, we'd genuinely love to hear about it — it's completely optional, just say hello and tell us where it lives.
Need bulk, programmatic data instead? Explore the developer API.