Wetter-Widgets für deine Website
Zeig deinen Besuchern das aktuelle Wetter direkt auf deiner Website - für jeden Ort in Deutschland. Kein Programmieren, keine Anmeldung, kein Cent: Code kopieren, einfügen, fertig.
Suche
Mit dem Suchfeld kannst du nach einem Ort in Deutschland suchen. Alternativ kannst du das Wetter für deinen groben Standort abrufen.
Wusstest du schon?
Man kann mit dem Stern-Knopf Orte als Favoriten hinzufügen oder entfernen.
Beispiel-Widget für Berlin
So sieht das Widget in der Praxis aus. Such weiter unten nach deinem eigenen Ort, um den passenden Embed-Code zu bekommen.
Kostenlos
Kein API-Key, kein Abo, keine versteckten Kosten.
Immer aktuell
Beim nächsten Laden der Seite werden die Wetterdaten automatisch aktualisiert.
Kein Code-Wissen nötig
Ein copy-paste ins HTML deiner Seite reicht aus.
Datenschutzfreundlich
Keine Tracker, keine Cookies im Widget.
Kompaktes Wetter-Widget
Aktuelles Wetter, 6-Stunden-Verlauf und 4-Tage-Vorhersage in einem kompakten Widget.
Vorschau:
Embed-Code:
<a href="https://otterwetter.de/berlin/berlin/wetter" title="Wetter für Berlin auf OtterWetter ansehen" style="display:block;width:min(500px,100%);">
<img
src="https://otterwetter.de/berlin/berlin/wetter/widget.png"
loading="lazy"
width="1200"
height="630"
alt="OtterWetter-Widget Berlin"
style="width:100%;height:auto;display:block;border-radius:14px;"
/>
</a> Regenradar-Widget
Aktuelles Regenradar für Berlin und Umgebung – als statisches Vorschaubild mit Link zur interaktiven Karte.
Vorschau:
Embed-Code:
<a href="https://otterwetter.de/berlin/berlin/regenradar" title="Regenradar für Berlin auf OtterWetter ansehen" style="display:block;width:min(500px,100%);">
<img
src="https://otterwetter.de/berlin/berlin/regenradar/widget.png"
loading="lazy"
width="750"
height="450"
alt="OtterWetter Regenradar-Widget Berlin"
style="width:100%;height:auto;display:block;"
/>
</a> So bindest du das Widget ein
Das Widget funktioniert auf jeder Website, die HTML erlaubt – egal ob WordPress, Squarespace, Jimdo, Wix oder ein selbst gehostetes CMS.
- 1
Ort auswählen
Suche oben in der Leiste nach deinem Ort. Der Embed-Code aktualisiert sich automatisch.
- 2
Code kopieren
Klicke auf "Kopieren" neben dem Embed-Code des gewünschten Widgets.
- 3
In deine Website einfügen
Füge den Code an der gewünschten Stelle in deinen HTML-Quelltext ein. In WordPress findest du das unter Seite bearbeiten → Block hinzufügen → "Benutzerdefiniertes HTML". Bei Squarespace, Wix und Jimdo gibt es vergleichbare "HTML-Blöcke" oder "Embed"-Blöcke.
- 4
Fertig
Das Widget zeigt beim nächsten Laden der Seite automatisch die aktuellen Wetterdaten – du musst nichts weiter tun.
Wer nutzt Wetter-Widgets?
Das Widget passt auf jede Website – hier ein paar typische Einsatzbeispiele.
Zeige Fans und Besuchern das Wetter am Spieltag – direkt auf der Vereinswebsite. So wissen alle, ob sie die Regenjacke einpacken müssen.
Nächstes Heimspiel
FC Berlin vs. SV Musterstadt
Samstag, 15:30 Uhr · Berlin-Arena · Bundesliga
Wetter am Spieltag
Damit du optimal vorbereitet bist – das aktuelle Wetter in Berlin:
Stadion-Infos
Berlin-Arena
Kapazität: 12.500 Plätze
Einlass ab 13:30 Uhr
Parkplätze P1–P4
Hinweis
Bei Starkregen gelten besondere Tribünenregeln. Bitte aktuelle Meldungen beachten.
Hinweise zur Nutzung
- Die Widgets sind kostenlos und ohne Registrierung nutzbar.
- Die Daten werden beim nächsten Seitenaufruf automatisch aktualisiert.
- Den Attributions-Link im Embed-Code bitte nicht entfernen.
- Für besondere Wünsche oder kommerzielle Nutzungen mit sehr hohem Traffic erstellen wir liebend gerne weitere, einzigartige Widgets.
Nehmen Sie unter kontakt@quakwetter.de gerne Kontakt auf!
Häufige Fragen zum kostenlosen Wetter-Widget
Was kostet das Wetter-Widget?
Nichts. Beide Widgets – das kompakte Wetter-Widget und das Regenradar-Widget – sind dauerhaft kostenlos. Du brauchst weder eine Registrierung noch einen API-Key und musst auch keine Zahlungsdaten hinterlegen.
Wie funktioniert das Widget technisch?
Das Widget ist ein ganz normales Bild, das von unserem Server für deinen Ort erzeugt wird. Es wird mit einem kurzen HTML-Schnipsel aus Link und Bild eingebunden – ohne JavaScript, ohne iframe und ohne Cookies. Dadurch lädt es schnell und bremst deine Website nicht aus.
Wie aktuell sind die angezeigten Wetterdaten?
Das Bild wird serverseitig regelmäßig neu erzeugt und nur wenige Minuten zwischengespeichert. Jeder Besucher deiner Seite sieht deshalb automatisch die aktuellen Wetterwerte und die neueste Vorhersage – du musst den Code nie wieder anfassen.
Woher kommen die Wetterdaten im Widget?
Alle Werte stammen vom Deutschen Wetterdienst (DWD). Wir bereiten die offiziellen Messwerte, Vorhersagemodelle und Radardaten selbst auf und stellen sie ohne Umweg über Drittanbieter bereit.
Für welche Orte gibt es ein Widget?
Für jeden der rund 40.000 Orte in Deutschland – von der Großstadt bis zum kleinen Ortsteil. Such oben einfach nach deinem Ort, der Embed-Code passt sich automatisch an.
Auf welchen Websites funktioniert das Widget?
Überall, wo du HTML einfügen kannst: WordPress, Wix, Jimdo, Squarespace, Webflow, Joomla, TYPO3 oder eine selbst programmierte Seite. In den meisten Baukästen heißt der passende Baustein „HTML“, „Code“ oder „Benutzerdefiniertes HTML“.
Kann ich die Größe des Widgets anpassen?
Ja. Das Widget ist responsiv und passt sich der verfügbaren Breite an – standardmäßig bis maximal 500 Pixel. Den Wert im Attribut „width:min(500px,100%)“ kannst du beliebig ändern, die Höhe skaliert automatisch mit.
Für wen eignet sich ein Wetter-Widget?
Für alle, deren Besucher sich für das Wetter vor Ort interessieren: Sportvereine und Veranstalter, Campingplätze, Ferienwohnungen und Hotels, Handwerks- und Baubetriebe, Gemeinden, Schulen, Freibäder oder Ausflugsziele. Das Regenradar-Widget zeigt zusätzlich, ob in den nächsten Stunden Regen aufzieht.
Wetter & Vorhersagen
Aktuelle Wetterdaten und 7-Tage-Vorhersage für jeden Ort in Deutschland.
Regenradar
Sieh in Echtzeit, wo gerade Regen fällt und ob er auch zu dir zieht.
Archiv
Sieh dir historische Wetterdaten für jeden Ort in Deutschland an.
Widgets
Binde Wetter und Regenradar kostenlos auf deiner eigenen Website ein.
Kostenlos nach dem Wetter schauen und dabei echte Hilfsprojekte unterstützten.
Wie funktioniert das?
Wir schalten zum Wetter etwas Werbung und geben die Einnahmen an ausgewählte Tier- und Umweltschutzorganisationen weiter.
Das bedeutet: Du zahlst keinen Cent und finanzierst Hilfsprojekte, einfach indem du nachschaust, ob du heute einen Regenschirm brauchst.
Wir starten gerade erst durch!
Otterwetter startet 2026 offiziell im Internet!
Zum Ende des Jahres wollen wir in einem Rückblick alle Umsätze und Ausgaben offenlegen und 100% der Einnahmen für Klimaschutz und Tierwohl spenden.