1. Pick a city & preview
Choose a location to preview the widget. Swap the city slug for
any of our cities, or leave it out entirely to auto-detect each visitor’s
location.
2. Copy the embed code
Option A — iframe (works anywhere, nothing to maintain):
<iframe src="https://www.winterstormwarning.org/embed?city=new-york-ny"
title="Live winter storm warning status" width="100%" height="240"
loading="lazy" style="border:0;max-width:440px;width:100%" allow="geolocation"></iframe>
Option B — script tag (drops in a responsive iframe for you):
<script src="https://www.winterstormwarning.org/assets/js/embed.js" data-city="new-york-ny"></script>
The widget is 240 px tall by default. To change it, add
data-height="300" to the script tag (or edit height on the iframe).
How it works
- Live & cached. Each widget shows the current computed winter-storm risk and status, refreshed about every 10 minutes. For US cities it also reflects official National Weather Service warnings.
- Auto-detect mode. Leave off the
cityvalue and the widget asks the visitor’s browser for their location (with permission) and shows their local status. For the script tag, the embedding page must allow it withallow="geolocation"— already included above. - Lightweight & isolated. It loads in a sandboxed iframe, so it can’t clash with your site’s styles or scripts, and it carries no third-party trackers.
- It links back. “View full forecast” opens the matching city page on winterstormwarning.org.