Create a weather widget

Size: 100% of the container width

Preview

How to add the widget

  1. Choose a location from the list.
  2. Choose a theme, forecast length and units where available.
  3. Copy the embed code into an HTML block on your website.

Weather data: Open-Meteo (CC BY 4.0). Keep the source line in the widget. Open-Meteo · CC BY 4.0.

See the full forecast for London

Show current weather and a short forecast for a location on your website. The widget fits the width of its container.

Frequently Asked Questions

Which websites can use the widget?
Any website that allows iframe embeds. In WordPress, paste the code into a Custom HTML block.
How does the weather update?
Each time the widget loads, it reads the latest available weather from our cache. Reload the page to check for newer data.

Weather Tools