Weatheo

Weather widget for WordPress

Show the forecast, rain radar, air quality or pollen for any town on your WordPress site. No plugin to install: pick a widget, copy the code and paste it into a Custom HTML block.

Free, no sign-upNo plugin neededNo ads, no view limitAbout 2 kB of script

Create your widget

Free. No account, no plugin.

Weather in London by Weatheo

Sunrise, sunset and moon in London by Weatheo

Weather in London by Weatheo

Widgets you can add

Nine widgets, each in a light, dark or blue style. These examples show live data; yours will show the place you choose.

Sun & moon

Sunrise, sunset, moon phase

Sunrise, sunset and moon in London by Weatheo

Customise

Climate

Month by month, best time to visit

Customise

Regional weather

The largest towns of a region

Customise

Rain radar

Interactive map, next 48 hours

Customise

See all widgets

Get the code

Choose a widget, a place, a style, the language and the units. The preview updates as you go; copy the code when it looks right.

Widget
Place
Style
Units
Embed code

PreviewLoading…

Embed code

Script: the recommended version. It fits the width of the column it sits in and loads only when it is about to scroll into view.
How to add the widget in WordPress
Pick the way you edit your site. On self-hosted WordPress, only users with the unfiltered_html capability can save script or iframe code: Administrators and Editors on a single site, and only Super Admins on a multisite network. For anyone else, WordPress strips the code when the page is saved.
Block editor (Gutenberg)
The default editor for posts and pages since WordPress 5.0.
  1. Open the post or page where the widget should appear.
  2. Click the + button and add a Custom HTML block.
  3. Paste the widget code into the block.
  4. Click Preview in the block toolbar to check the widget, then update or publish the page.
Classic editor
If your site uses the Classic Editor plugin or an older version of WordPress.
  1. Open the post or page.
  2. Switch to the Text tab above the editing area, not the Visual tab.
  3. Paste the widget code where the widget should appear.
  4. Save or update, then view the page. Avoid switching back to Visual before saving, as it can alter the code.
Elementor
Elementor has its own HTML widget for embed code.
  1. Edit the page with Elementor.
  2. Drag the HTML widget into the section where the weather should appear.
  3. Paste the widget code into its HTML Code field.
  4. Update the page and view it live: some editor previews do not run scripts.
Divi
In Divi, embed code goes into a Code module.
  1. Open the page in the Divi Builder.
  2. Add a Code module to a row.
  3. Paste the widget code into the module and save it.
  4. Save the page and check it on the live site.
WordPress.com
Sites hosted on WordPress.com follow their own rules for embed code.
  1. Script and iframe tags are both available only to sites on a plugin-enabled plan with hosting features activated.
  2. On those sites, add a Custom HTML block, paste the code and publish, as in the block editor steps above.
  3. On other WordPress.com sites, neither the script nor the iframe version is accepted.
What you get
No plugin
Nothing to install, update or keep compatible with your theme. The widget is one line of code in a block.
Light on your pages
The script is about 2 kB compressed, loads asynchronously and fetches a widget only when it is near the viewport.
Nine widgets
Hourly and 5-day forecasts, sun and moon, climate, rain radar, an event forecast, regional weather, air quality and pollen (Europe).
Fits your site
Three styles (light, dark, blue), metric or imperial units, and twelve languages.
Always up to date
The widget refreshes its data on its own. You paste it once and never touch it again.
Free, with no ads
No sign-up, no ads and no limit on views. The only condition is keeping the small credit line under the widget.
Questions about the WordPress weather widget
Do I need a plugin?
No. The widget is a short piece of HTML that you paste into a Custom HTML block, the Text tab of the classic editor, or a Custom HTML widget. There is nothing to install or update.
Is it free?
Yes. There is no sign-up, no ads and no limit on views. The only condition is keeping the credit link under the widget.
Will it slow down my WordPress site?
The script is about 2 kB compressed, loads asynchronously and only fetches a widget when it is about to scroll into view, so it does not hold up the rest of your page.
Does it work on WordPress.com?
Only on sites with a plugin-enabled plan and hosting features activated: those are the WordPress.com sites that accept script and iframe tags. On other WordPress.com sites, neither the script nor the iframe version is accepted.
Does it work with Elementor, Divi and other page builders?
Yes. Use the Elementor HTML widget or the Divi Code module. If your builder or a security plugin removes script tags, choose the iframe version in the code generator.
Can I put it in the sidebar or footer?
Yes. With a classic theme, add a Custom HTML widget under Appearance > Widgets. With a block theme, open Appearance > Editor and add a Custom HTML block to the sidebar or footer template part.
Can each visitor see the weather where they are?
Yes. Choose Reader's location instead of a city in the code generator. Each visitor then sees the weather for their own area.
Which languages and units are available?
Twelve languages, and metric (°C) or imperial (°F) units. You choose both in the code generator before copying the code.
Why does the code disappear after I save?
WordPress removes script and iframe code saved by users without the unfiltered_html capability. On a single site, Administrators and Editors have it; on a multisite network, only Super Admins. Ask someone with that role to add the widget, or check that you pasted it into a Custom HTML block and not a paragraph.
Add the weather to your WordPress site
Pick a widget and a place, copy one line of code, paste it into a Custom HTML block.
Create your widget