Adding a weather widget to your website does not require a developer, an API key, or any coding knowledge. ZoomRadar is a live weather radar widget you embed on any website by pasting a single iframe code — and your visitors see real-time Doppler radar immediately.
This guide walks through exactly how to add a weather widget to your website on WordPress, Webflow, Squarespace, and plain HTML — and explains why an iframe weather widget embed is almost always the better choice over a weather API.
What is a weather widget for a website?
A weather widget for a website is an embeddable component that displays live weather data — in ZoomRadar’s case, real-time Doppler radar — directly on your page. Unlike a weather app or a link to Weather.com, a weather widget lives on your site and keeps visitors engaged without sending them elsewhere.
There are two main types of weather widgets for websites:
- Forecast widgets — show temperature, icons, and predicted conditions. These are common, free, and limited.
- Radar widgets — show live Doppler radar. These are what news stations, digital signage operators, and serious weather publishers use.
ZoomRadar is a live radar widget. Not a forecast. Actual radar.
How to add a weather widget to your website
Step 1: Get your weather widget embed code from ZoomRadar
Go to the ZoomRadar pricing page, choose your plan, and access the self sign-up portal. In the portal, configure your weather widget:
- Location — the center of your radar view (your city, a custom lat/long, or your full region)
- Zoom level — how wide or narrow the radar coverage appears on your page
- Size — set the width and height to fit your layout
ZoomRadar generates your weather widget embed code automatically. It’s a standard HTML iframe:
<iframe src="https://www.zoomradar.com/embed/?lat=39.8&lon=-98.6&zoom=5" width="100%" height="500" frameborder="0" title="Live Weather Radar Widget" allowfullscreen></iframe>
Note: The embed code above is an example showing the format. Your actual embed URL is generated in the ZoomRadar self sign-up portal after subscribing.
Step 2: Add the weather widget to your website
The weather HTML embed process differs slightly by platform:
How to add a weather widget to WordPress
- Open the page or post where you want the weather widget
- Add a new block — search for and select Custom HTML
- Paste the ZoomRadar iframe code into the block
- Click Preview to confirm the weather radar widget appears
- Click Publish or Update
How to add a weather widget to Webflow
- Open your page in the Webflow Designer
- Drag an Embed element into your section
- Paste the weather widget iframe code into the embed panel
- Click Save & Close, then publish your site
How to add a weather widget to Squarespace
- Edit your page and add a Code Block
- Paste the weather widget embed code into the code block
- Click Apply, then save and publish
How to add a weather widget with custom HTML
Paste the iframe code directly into your HTML file wherever you want the weather widget to appear — inside a <div>, in a sidebar, or as a full-width section. No additional JavaScript or CSS required.
Why use a weather widget iframe embed instead of a weather API?
Many website owners start by searching for a weather API, assuming that’s the standard way to add a weather widget. But a weather API and a ready-made weather widget embed are fundamentally different products.
A weather API gives you raw data. A weather widget gives you the display — already built, already pulling live data, ready to embed. For most websites, a widget is the right choice. See the full comparison: Weather Radar Widget vs Weather API →
What kind of radar does the ZoomRadar weather widget show?
ZoomRadar’s weather widget displays Level 2 Doppler radar from the WSR-88D network — the National Weather Service’s nationwide radar network with over 160 stations across the US.
Level 2 data is the highest-resolution publicly available radar data. It includes reflectivity (storm location and intensity), radial velocity (wind speed and direction), and spectrum width (turbulence). This is the same data source professional broadcast meteorologists use.
Who adds a weather widget to their website?
- News stations and local TV websites — embed a live radar weather widget directly on your news site so visitors can check storm conditions without leaving your page.
- Digital signage operators — a weather widget embed works on any digital signage platform that supports web content.
- Local government and emergency management — give residents a trusted local weather source.
- Outdoor and recreation websites — hiking, fishing, golf, and outdoor event sites benefit from live radar.
- Community portals and blogs — a live weather widget gives visitors a reason to return daily.
Frequently Asked Questions
What is the best weather widget for a website?
ZoomRadar is the leading professional weather widget for websites. It displays live Level 2 Doppler radar via a simple iframe embed — no API, no developer, no code required.
How do I add a weather widget to WordPress without a plugin?
Add a Custom HTML block to your WordPress page and paste the ZoomRadar iframe code. No plugin needed — the weather widget works with standard WordPress HTML blocks.
What weather HTML do I need to add a radar widget to my site?
Just an <iframe> tag with ZoomRadar’s embed URL from your self sign-up portal. That’s the only weather HTML required.
Does a weather widget iframe work on all browsers?
Yes. The <iframe> tag is supported by all modern browsers — Chrome, Safari, Firefox, and Edge. No JavaScript or plugin is required.