Skip to end of metadata
Go to start of metadata

The weather affects all aspects of your daily life. Using the Homepage-Weather you have the weather where you, your customers and your potential customers are: on your homepage. Just a few steps to create the HTML code, which you can install on your homepage and the 3-day forecast for your location is available.

 

 

How to implement the Homepage Weather

Preview

HTML-Code Generator

Format:



Button to locate the user's position:




 Important

The Div-id and the end of the Script-src of the HTML-Code have to be identical. Otherwise no widget will be generated.

 
<div id="weatherwidget1234" class="weatherwidget"></div>
<script src="//widget.meteomatics.com/widget/St.Gallen/47.424_9.377/
width/off/weatherwidget1234" type="text/javascript">
</script>
 More Widgets

It is also possible to implement multiple widgets on your homepage:

 

<div id="weatherwidget1" class="weatherwidget"></div>
<script src="//widget.meteomatics.com/widget/St.Gallen/47.424_9.377/
width/off/weatherwidget1" type="text/javascript">
</script>
 
<div id="weatherwidget2" class="weatherwidget"></div>
<script src="//widget.meteomatics.com/widget/St.Gallen/47.424_9.377/
width/off/weatherwidget2" type="text/javascript">
</script>
 CMS Systems
When implementing in a CMS System it`s maybe not allowed to have a Script-Tag within the body area. In this case you can implement the Script-Code in the lower header area.
<head>
...
<script src="//widget.meteomatics.com/widget/St.Gallen/47.424_9.377/
width/off/weatherwidget1234" type="text/javascript">
</script>
</head>
<body>
...
<div id="weatherwidget1234" class="weatherwidget"></div>
...
</body>

Contact 

Switzerland: +41 (0) 71 272 66 50

Germany:  +49 (0) 30 200 74 280

sales@meteomatics.com

 

  • No labels