Embed your weather elsewhere
Put your live conditions on a club page, a school website, a blog sidebar or a forum signature, with a copy-paste snippet.
Show your live conditions on other websites: a widget for pages that allow iframes, and a badge image for places that do not, like forum signatures and READMEs. Both work on every plan and link back to your site.
Get your snippet
- Open your site and go to Sharing → Publishing → Embed.
- Pick a size, theme, units and language, and check the preview.
- Copy the snippet you need: Website (iframe), Image (HTML), Markdown or BBCode.
Snippets use your pro-weather.com subdomain by default, because it keeps
working even if your custom domain changes later. Once a custom domain is
live, tick Use weather.example.com (your domain) to switch the snippets to it.
The widget
<iframe src="https://your-subdomain.pro-weather.com/embed?size=md"
width="360" height="172"
style="border:0;max-width:100%" loading="lazy"
title="Live weather"></iframe>| Size | Dimensions | Readings shown |
|---|---|---|
sm | 300 x 148 | 2 |
md | 360 x 172 | 4 |
lg | 480 x 218 | 6 |
The widget refreshes itself about every five minutes. It sets no cookies and loads no third-party scripts. Readings your station does not measure are left out.
The badge
<a href="https://your-subdomain.pro-weather.com" target="_blank" rel="noopener">
<img src="https://your-subdomain.pro-weather.com/badge.svg?size=card"
alt="Live weather" width="340" height="92">
</a>| Size | Dimensions | Shows |
|---|---|---|
card | 340 x 92 | Temperature and three readings |
pill | 300 x 28 | One line, for signatures |
A badge is an SVG image, so it only updates when the page around it reloads.
Options
Add these to either URL. Anything left out or not recognised falls back to your site's own setting, so a typo never shows an error on someone else's page.
| Option | Values |
|---|---|
size | Widget: sm, md, lg. Badge: card, pill |
theme | light, dark, auto |
units | metric, uk (°C, mph, hPa, mm), imperial |
lang | Any site language (en, nl, de, fr, ...) |
theme=auto follows the visitor's light or dark setting. A badge cannot detect
that, so auto renders light. units and lang are for the audience of the
page you embed into, so a Belgian club can show a Texan station in Celsius and
Dutch.
Good to know
- The widget and badge are not affected by the Public data API and RSS feed switch, which covers the JSON API and RSS feed.
- While your site is unpublished, or if your plan lapses, the widget and badge show "Station unavailable".
- Readings older than 30 minutes are dimmed with the time highlighted, so an offline station looks offline.
