Free Weather Widgets for your website

Integrate meteoblue weather into your website! Our widgets are ideal for tourism-oriented websites, personal blogs, municipal web pages, local or regional news outlets, science websites, hobby web projects – you name it. And the best part is that you can use the widgets free of charge on both commercial and non-commercial websites.

Easy setup

  1. Open the configurator of your widget
  2. Find your location with the global location search, or let the widget detect user location
  3. Configure the widget in terms of desired weather information, appearance, and units
  4. Copy and paste the HTML code to your web page

Weather Widget Map

meteoblue

The Weather Widget Map offers a selection from our most popular maps on a global scale, including the wind animation map and satellite map.

You can choose from the following settings:

  • Use a predefined location, or let the widget detect the user’s location
  • Decide which map layer options you want to include
  • Define the temperature, length, and wind speed units
  • Specify the widget's dimensions and initial zoom-level

Try it out here! Weather Widget Map configurator

meteoblue Weather Maps

The video below provides a quick overview of some of the key features of our Weather Maps, such as the satellite animation, the radar layer, and other essential features of the map interface.

Widget 3h Basel

Weather Widget 3h

The Weather Widget 3h offers a detailed three-hourly forecast for the next four to seven days.

You can choose from the following settings:

  • Use a predefined location or let the widget detect the user location
  • Display or hide the current weather and forecast data
  • Select the time range of the forecast (4 – 7 days)
  • Define the temperature, length, and wind speed units
  • Select from multiple background options

Try it out here! Weather Widget 3h configurator

Widget Day San Francisco

Weather Widget Day

The Weather Widget Day offers daily weather forecasts for the next two to seven days.

You can choose from the following settings:

  • Use a predefined location, or let the widget detect the user’s location
  • Select the time range of the forecast
  • Define the temperature, length, and wind speed units
  • Display or hide every single item of the forecast
  • Choose between a coloured or monochrome version
  • Choose between dark text, suited for bright backgrounds, and bright text for dark backgrounds

Try it out here! Weather Widget Day configurator

Widget Seeing ALMA observatory

Weather Widget Seeing

The Weather Widget Seeing offers a quick overview of the most important Astronomy Seeing weather variables for the next night.

You can choose from the following settings:

  • Use a predefined location, or to let the widget detect the user’s location
  • Use the default version, or to reduce the widget’s size and omit the temperature and humidity column

Try it out here! Weather Widget Seeing configurator

Conditions of usage

Below are the conditions and requirements for using the meteoblue widgets:

  • The widget must be used as configured: do not alter the "src" attribute of the iframe, or remove the link to meteoblue.
  • The widget must link to https://www.meteoblue.com. This is done automatically by using the HTML code provided on the configuration page.
  • The content of data shown by the widget may not be collected automatically in any way.
  • Information provided by the widget cannot be used to generate own products or visualisations. meteoblue provides the weather API for such purposes.
  • The requirement of information under § 9.0 of our terms is fulfilled by using the widget according to instructions.
  • The widget may be displayed only on websites that adhere to our terms, especially § 9.07.

See also

Our widgets are designed as a simple plug & play solution. If you require more complex weather data products, make sure to see the wide range of our more advanced products on our weather API page.