Kostenloses Wetter-Widget für Ihre Website
Wählen Sie einen Ort, ein Layout und Ihre Farben – und kopieren Sie eine einzige Zeile Code. Das Widget zeigt das aktuelle Wetter und die Vorhersage, aktualisiert sich selbst und funktioniert auf jeder Seite: WordPress, Wix, Shopify oder reines HTML.
<div class="aos-weather" data-place="2950159" data-lang="de" data-label="Wetter in Berlin" style="max-width:420px"></div>
<script async src="https://atlasofseasons.com/widget.js"></script>Lädt verzögert und passt seine Höhe automatisch an. Das Script-Tag nur einmal pro Seite einfügen, auch bei mehreren Widgets.
<iframe src="https://atlasofseasons.com/widget/v1/2950159?lang=de" title="Wetter in Berlin" width="100%" height="399" style="border:0;display:block;max-width:420px;" loading="lazy"></iframe>Funktioniert auch dort, wo Skripte nicht erlaubt sind. Die Höhe ist fest – passen Sie sie an, wenn Sie später Optionen ändern.
So binden Sie das Widget ein
WordPress
- Bearbeiten Sie die Seite oder öffnen Sie Design → Widgets.
- Fügen Sie einen Block „Individuelles HTML“ hinzu.
- Code einfügen und die Seite aktualisieren.
Wix
- Klicken Sie im Editor auf Hinzufügen → Einbetten → HTML einbetten.
- Wählen Sie „Code“, fügen Sie den Code ein und klicken Sie auf Aktualisieren.
- Passen Sie die Größe des Felds an und veröffentlichen Sie die Seite.
Shopify
- Öffnen Sie Onlineshop → Themes → Anpassen.
- Fügen Sie an der gewünschten Stelle einen Abschnitt „Benutzerdefiniertes Liquid“ hinzu.
- Code einfügen und speichern.
HTML
- Öffnen Sie die HTML-Datei der Seite.
- Fügen Sie den Code innerhalb von <body> dort ein, wo das Widget erscheinen soll.
- Datei speichern und hochladen.
Das Widget ist eine kleine, serverseitig erzeugte Karte, die in Sekundenbruchteilen lädt: keine Webfonts, keine Tracking-Skripte, keine Cookies und keine Werbung. Die Symbole sind Inline-SVG, die Vorhersage wird alle 15 Minuten erneuert – Ihre Seite bleibt schnell und Ihre Besucher sehen immer das aktuelle Wetter.
Die Nutzung ist für private und gewerbliche Websites kostenlos. Einzige Bedingung: Der kleine Link „Wetter · Atlas of Seasons“ unten im Widget muss sichtbar bleiben.
Warum dieses Wetter-Widget?
Sechs Layouts
Einzeilige Leiste, kompaktes Badge, Vorhersage-Karte, breite 7-Tage-Leiste, Stundenleiste oder die komplette Vorhersage.
Passt zu Ihrem Design
Helles, dunkles, automatisches oder transparentes Glas-Theme, eigene Farben, Eckenradius, Rahmen, Schatten und Schrift.
Jeder Ort der Welt
Über 200.000 Städte, Gemeinden und Urlaubsorte – mit Ortszeit, °C oder °F und vier Windeinheiten.
12 Sprachen
Deutsch, Englisch, Türkisch, Spanisch, Portugiesisch, Französisch, Italienisch, Polnisch, Niederländisch, Russisch, Japanisch und Arabisch (rechts nach links).
Schnell und datensparsam
Schlankes HTML, Lazy Loading, keine Cookies, keine Analyse-Tools und keine Anfragen an Dritte im Widget.
Responsiv
Flexible Breite für Seitenleisten, Inhaltsspalten und Smartphones; die Höhe passt das Skript automatisch an.
Fragen zum Wetter-Widget
Ist das Wetter-Widget wirklich kostenlos?
Ja. Sie können es auf beliebig vielen privaten oder gewerblichen Websites nutzen – kostenlos, ohne Konto und ohne API-Schlüssel. Bitte lassen Sie nur den kleinen Quellenlink sichtbar.
Wie baue ich das Wetter-Widget in meine Homepage ein?
Wählen Sie oben einen Ort und die gewünschte Optik, kopieren Sie den Code und fügen Sie ihn dort ein, wo das Widget erscheinen soll – in WordPress über den Block „Individuelles HTML“, in Wix über „HTML einbetten“, in Shopify über einen Abschnitt „Benutzerdefiniertes Liquid“.
Wie oft wird die Vorhersage aktualisiert?
Aktuelles Wetter und Vorhersage werden etwa alle 15 Minuten aus globalen Wettermodellen erneuert. Den Code müssen Sie nie ändern: Das Widget zeigt immer die neuesten Daten.
Macht das Widget meine Website langsamer?
Nein. Das Skript ist kleiner als 3 KB, lädt asynchron und erzeugt das Widget erst, wenn es in den sichtbaren Bereich scrollt. Das Widget selbst besteht aus wenigen Kilobyte HTML ohne Schriften, Bilder oder Tracker.
Setzt das Widget Cookies oder trackt es Besucher?
Nein. Das Widget verwendet keine Cookies, keinen lokalen Speicher und keine Analyse-Tools – ein Eintrag im Cookie-Banner ist daher nicht nötig.
Kann ich mehrere Orte auf einer Seite anzeigen?
Ja. Fügen Sie pro Ort einen eigenen Code-Block ein; bei der Skript-Variante genügt das Script-Tag einmal pro Seite.