Weather widget
MM Icon RGB Blue Sonne mit Wolke

Display a Weather Forecast on Your Website for Free

How to Add a Weather Widget to a Website

1. Include the following code in your HTML where you want your widget to appear:

<div id="weatherwidget" class="weatherwidget" style="width:45%;float:left;"></div><script src="//widget.meteomatics.com/widget/<Location>/<lat_lon>/<orientation>/on/<target_id>/<unit>" type="text/javascript"></script>

2. Change the following to your liking:

  • <Location>

The Name of the location that is shown above the forecast.

  • <lat_lon>

The coordinates of the location you want to display the forecast for as latitude_longitude given in decimal degrees. (E.g. 47.424_9.377 for St. Gallen)

  • <orientation>

The orientation of the widget. Either width for horizontal or height for a vertical layout.

  • <target_id>

The id of the container that widget is to be shown in.

  • <unit>

Temperature display in degrees Celsius ?unit=C or in degrees Fahrenheit ?unit=F . If not specified degrees Celsius are displayed.

Horizontal Widget

Vertical Widget

Explore Our Services

We provide the most accurate weather data for any location, at any time, to improve your business.

Icon on Picture rainy cloud large
Precise Weather Data
We combine existing weather data with unique technologies and the skills of our weather and data scientists to bring you the most accurate weather data.
Icon on Picture api large
Weather API
With our weather API you get continuous access to worldwide high-resolution weather, ocean, environment and climate data as well as historical data, real-time data, forecasts and climate scenarios up to 2100.
Icon on Picture EURO1k v5 large
EURO1k
European weather model at 1 km resolution: get accurate weather forecasts across Europe and make better decisions.
Icon on Picture metx large v1
Visualise Weather
Visualise all weather events in a high-resolution map view - with our web-based weather map tool MetX based on the Weather API.
Icon on Picture solar forecast large
Energy Forecasting
Energy forecasts for solar, wind and hydropower - based on the world's most accurate weather data.
Icon on Picture meteodrone large
Meteodrones
Closing the meteorological data gap in the Earth's lower atmosphere with Meteodrones. Designed and assembled in Switzerland.
Icon on Picture meteobase large
Meteobase
Meteobase - the home of our Meteodrone. The Meteobase is the perfect partner and home for our weather drones to measure weather data at any location.
Bildschirmfoto 2022 06 02 um 00 33 08
Melanie Luther
Head of Sales and Meteorologist

Customised industry solutions

Get in touch - we are here for you.

Contact us if you have questions about specific industry applications or would like advice from our experts! We look forward to your enquiry and will get back to you within one working day.