ES EN

Embed WhatAWeather on your site

Eight ready-to-paste meteorology and hydrology widgets you can drop into any page through a single iframe. No API key, no signup, real-time data. The only condition: keep the small link to WhatAWeather visible.

1. Current weather

Compact 320x120 card with icon, temperature, condition and city.

<iframe src="https://whataweather.com/widgets/tiempo/?city=madrid&theme=light&units=metric" width="320" height="120" frameborder="0" loading="lazy" title="Current weather"></iframe>
Params: city, lat+lon, theme=light|dark, units=metric|imperial

2. 7-day forecast

360x220 card with 7 horizontal mini-cards (day, icon, max/min).

<iframe src="https://whataweather.com/widgets/prevision-7d/?city=barcelona" width="360" height="220" frameborder="0" loading="lazy" title="7-day forecast"></iframe>
Params: city, lat+lon, theme, units

3. Rain radar

Leaflet mini-map 400x300 with RainViewer animated layer.

<iframe src="https://whataweather.com/widgets/radar/?lat=40.4&lon=-3.7&zoom=8" width="400" height="300" frameborder="0" loading="lazy" title="Radar"></iframe>
Params: lat, lon, zoom (4-12)

4. Reservoir status

320x140 card with capacity percentage and weekly delta.

<iframe src="https://whataweather.com/widgets/embalse/?id=alcantara" width="320" height="140" frameborder="0" loading="lazy" title="Reservoir"></iframe>
Params: id (reservoir or basin slug, e.g. alcantara, ebro)

5. Snow level

320x120 card with current snow line and 24-48h forecast.

<iframe src="https://whataweather.com/widgets/cota-nieve/?range=pirineos" width="320" height="120" frameborder="0" loading="lazy" title="Snow level"></iframe>
Params: range=pirineos|cantabrica|sierra_nevada|central|iberica

6. Wildfire risk

320x120 card with traffic-light FWI/IRI (green/yellow/orange/red).

<iframe src="https://whataweather.com/widgets/incendios/?city=sevilla" width="320" height="120" frameborder="0" loading="lazy" title="Wildfire risk"></iframe>
Params: city

7. Air quality (AQI)

320x120 card with European AQI, PM2.5 and EPA traffic light.

<iframe src="https://whataweather.com/widgets/aqi/?city=madrid" width="320" height="120" frameborder="0" loading="lazy" title="Air quality"></iframe>
Params: city, lat+lon

8. AEMET alerts

Horizontal responsive bar with active alerts by Spanish region.

<iframe src="https://whataweather.com/widgets/alertas/?ccaa=valencia" width="100%" height="80" style="max-width:520px" frameborder="0" loading="lazy" title="AEMET alerts"></iframe>
Params: ccaa=valencia|cataluna|madrid|...

Interactive generator

Configure your widget and copy the HTML code ready to paste into any page, CMS or blog.

<iframe ...></iframe>

What WhatAWeather widgets are and how to use them

WhatAWeather widgets are self-contained micro web components, distributed as iframes, that any developer or page editor can drop into a site without managing API keys, signing up for external services, or writing additional JavaScript. Each widget is optimised to load in under a second, is responsive (adapting to mobiles and tablets), and consumes the same public data we already serve on WhatAWeather: Open-Meteo forecasts, MITECO hydrology, RainViewer radar, official AEMET alerts and placeholders for services such as wildfire risk (FWI/IRI) or snow line.

Integration is trivial: pick the widget you want in this catalog, copy the HTML snippet (which is simply an <iframe> with a src pointing to a URL under /widgets/) and paste it into your page, WordPress template, Webflow Embed module, Notion block or any other system that accepts iframes. There is no build step, no dependencies and no key needed because the URLs are public and open.

Parameters are passed via query string. For example /widgets/tiempo/?city=madrid&theme=dark&units=metric shows Madrid in dark theme with metric units. Most widgets accept city or the lat/lon pair, plus the theme=light|dark modifier and, where applicable, units=metric|imperial. Each widget includes a small "via WhatAWeather" link at the bottom: that is the only legal condition for using them. Hiding or covering this link via CSS is not allowed, but you may freely adjust the layout around it.

For professional sites we also offer a public JSON API that returns the same data without presentation, so you can build your own design on top. Widgets are the quick option; the API is the powerful option. Both are free and allow commercial use. If you are missing a specific widget (e.g. tides, swell, pollen) email [email protected] and we will add it.

Legal and usage requirements

Required attribution. Each widget includes a small "via WhatAWeather" link in the bottom corner. This attribution cannot be hidden, removed via CSS, covered by overlay elements or rewritten. The link must remain clickable.

  • Commercial use allowed as long as the link is kept.
  • No pageview limits for sites under 1M visits/month.
  • Above that volume, get in touch to agree a dedicated channel.
  • Embed policy: X-Frame-Options is disabled on /widgets/* and we serve Content-Security-Policy: frame-ancestors *. You can embed from any domain.
  • Data is provided "as is"; we accept no liability for operational or safety decisions based on it.
  • WordPress: paste the iframe into a "Custom HTML" block. Wix/Squarespace: use the "Embed" block. Webflow: "Embed" block.