Erstellen Sie Ihr kostenloses Wetter-Widget
Live-Wetter für jede Stadt, vollständig anpassbar. Eine Zeile HTML – funktioniert auf jeder Website (WordPress, Shopify, Wix, einfaches HTML, überall). Für immer kostenlos.
1. Stadt auswählen
/fr/paris → city=paris&country=fr2. Größe
3. Aussehen
4. Sprache + Einheiten
5. Abschnitte ein-/ausblenden
Live-Vorschau
Das kostenlose Wetter-Widget, das jede Website in 60 Sekunden einbinden kann
Das weather.now-Widget zeigt aktuelle Wetterdaten und eine 7-Tage-Vorhersage für jede Stadt der Welt in 38 Sprachen. Wählen Sie eine Stadt, kopieren Sie einen kurzen HTML-Snippet, fügen Sie ihn in Ihre Seite ein – das war's. Kein Plugin, kein Konto, kein API-Schlüssel, keine Zahlung.
Verwenden Sie es auf einem Blog, einer Hotel-Landingpage, einer Ferienwohnung, einer Immobilienanzeige, einem Schulportal, einem Reiseführer, einem Yachthafen, einem Skigebiet, einem Shopify-Store – überall, wo eine Seite davon profitiert, das aktuelle Wetter zu zeigen.
Der Snippet erledigt zwei Dinge gleichzeitig. Für Ihre Besucher wird er als saubere, gestaltete Wetterkarte dargestellt. Für Suchmaschinen, RSS-Reader und Screenreader wird er als semantisches HTML-Zitat dargestellt: der Stadtname, ein Link zur Vorhersageseite und ein Hinweis auf weather.now. Beides aus einer einzigen Codezeile.
Warum Menschen dieses kostenlose Wetter-Widget wählen
- Für immer kostenlos. Keine Anmeldung, kein API-Schlüssel, keine Nutzungsbeschränkung, keine Kreditkarte. Einfach einfügen und loslegen.
- Alles anpassen. Helles, dunkles oder automatisches Design. Akzentfarbe, Hintergrundfarbe, Textfarbe, Eckenradius, Schriftgröße, Widget-Größe und welche Abschnitte angezeigt werden.
- 38 Sprachen. Englisch, Spanisch, Französisch, Deutsch, Portugiesisch, Italienisch, Niederländisch, Russisch, Arabisch, Chinesisch (Vereinfacht und Traditionell für Hongkong und Taiwan), Japanisch, Koreanisch, Vietnamesisch, Türkisch, Polnisch, Tschechisch, Slowakisch, Griechisch, Hebräisch, Thailändisch, Indonesisch, Malaiisch, Finnisch, Norwegisch, Schwedisch, Dänisch, Rumänisch, Ungarisch, Bulgarisch, Ukrainisch, Litauisch, Lettisch, Estnisch, Slowenisch, Serbisch und Isländisch.
- Wähle dein Datums- und Zeitformat. 12-Stunden mit AM/PM oder 24-Stunden. Wochentagsnamen, MM/DD, DD/MM oder Datumsangaben mit Monatsnamen.
- Wähle deine Einheiten. Celsius oder Fahrenheit. Metrische oder imperiale Windgeschwindigkeit. Eine Wahl pro Widget.
- Passt in jedes Layout. Banner, quadratisch, Standard oder Vollbild-Voreinstellungen, oder ziehe die Größe der Vorschau auf jede Größe zwischen 180×80 und 1200×1000 Pixel. Das Widget passt seinen Inhalt automatisch an, wenn sich der Container ändert.
- Blitzschnell. Serverseitig gerendertes HTML, keine externen JavaScript-Bibliotheken, keine Schriftarten-Downloads, keine Tracking-Skripte. Das Loader-Skript ist etwa 1 KB groß; das gerenderte Widget ist 6 bis 8 KB gzip-komprimiert.
- Funktioniert auf jeder Plattform. WordPress, Shopify, Wix, Squarespace, Webflow, Ghost, Joomla, Drupal, Notion-Seiten, reines HTML, Single-Page-Apps – überall, wo ein kleiner HTML-Snippet erlaubt ist.
- Optimiert für SEO. Der Snippet enthält einen echten, indexierbaren Zitatblock mit dem Stadtnamen und einem Link zur Vorhersageseite. Suchmaschinen sehen ihn, sobald sie deine Seite crawlen, noch bevor das Widget-Skript läuft.
So funktioniert die Einbettung
Der Snippet, den du einfügst, besteht aus einem kleinen HTML-Zitatblock, gefolgt von einem einzeiligen Script-Tag. Für sich genommen ist dieser Block bereits gültiger, lesbarer Inhalt: eine Überschrift mit dem Stadtnamen, ein Link zur vollständigen Vorhersageseite und eine Quellenangabe zu weather.now. Crawler sehen ihn, sobald sie deine Seite erreichen.
Wenn die Seite in einem Browser geladen wird, der JavaScript ausführt, ersetzt unser Loader-Skript (ca. 1 KB, asynchron geladen) den Zitatblock durch das gestylte Live-Wetter-Widget. Deine menschlichen Besucher sehen das gerenderte Widget. Crawler, RSS-Reader, Screenreader, E-Mail-Clients und alle Kontexte ohne JavaScript sehen den sauberen Zitat-Fallback. Nichts wird versteckt, nichts geht verloren.
Dies ist derselbe Ansatz, den Twitter, Instagram und Reddit für ihre Einbettungen verwenden: ein semantischer HTML-Fallback, der zu einem reichhaltigen Widget aufgewertet wird. Du musst kein JavaScript schreiben, kein Iframe konfigurieren oder dich um renderblockierende Skripte kümmern. Du fügst ein, veröffentlichst, es funktioniert.
Häufig gestellte Fragen
Ist das Wetter-Widget wirklich kostenlos?
Ja — völlig kostenlos, ohne Anmeldung, ohne API-Schlüssel und ohne Nutzungslimit. Wir bitten lediglich darum, dass der kleine „weather.now“-Hinweis im Widget sichtbar bleibt. Dieser Hinweis ermöglicht es neuen Nutzern, uns zu entdecken, und erlaubt es uns, das Widget für alle kostenlos anzubieten.
Wie installiere ich das Widget auf WordPress?
Fügen Sie im Block-Editor (Gutenberg) einen „Custom HTML“-Block hinzu und fügen Sie den Code-Snippet ein. Im klassischen Editor wechseln Sie zum Text- oder HTML-Tab und fügen ihn dort ein. In Elementor oder Divi verwenden Sie das HTML-Widget. Es sind weder ein Plugin noch Theme-Änderungen erforderlich.
Wie installiere ich es bei Shopify?
Öffnen Sie den Theme-Editor, fügen Sie einen benutzerdefinierten HTML-Bereich auf einer beliebigen Seite hinzu und fügen Sie den Code-Snippet ein. Für ein seitenweites Widget in der Fußzeile oder Seitenleiste bearbeiten Sie theme.liquid und fügen den Snippet an der gewünschten Stelle ein. Es funktioniert auch in Produktseiten und Blogartikeln.
Wie installiere ich es auf Wix oder Squarespace?
Beide Editoren bieten einen HTML-Embed-Block. Fügen Sie bei Wix ein „Embed HTML“-Element hinzu und fügen Sie den Snippet ein. Bei Squarespace fügen Sie einen Code-Block hinzu (auf HTML gesetzt) und fügen den Snippet ein. Das Widget wird in beiden Sandboxes korrekt dargestellt.
Kann ich Vorhersagen für mehrere Städte auf derselben Seite anzeigen?
Ja – fügen Sie den Snippet so oft ein, wie Sie möchten, eine pro Stadt. Jedes Widget lädt unabhängig und wird separat im Cache gespeichert, sodass das Hinzufügen weiterer Städte die Seite nicht verlangsamt.
Verlangsamt das Wetter-Widget meine Website?
Keine messbaren Auswirkungen auf die Core Web Vitals. Das Loader-Skript ist etwa 1 KB groß und lädt asynchron. Das Widget selbst lädt verzögert – es wird erst gerendert, wenn der Besucher in die Nähe scrollt. Die ausgelieferte Nutzlast liegt im Durchschnitt bei 6 bis 8 KB gzip-komprimiert und wird über ein CDN mit weltweit unter 100 Millisekunden Latenz ausgeliefert.
Kann ich Farben und Größen nach der Installation ändern?
Ja — jede Option ist ein einfaches HTML-Attribut im Snippet. Ändern Sie eine Zahl oder eine Hex-Farbe im eingefügten Code, und das Widget aktualisiert sich beim nächsten Laden der Seite. Es sind weder eine CSS-Datei noch ein Build-Schritt erforderlich. Oder kehren Sie zum Generator oben zurück, entwerfen Sie eine neue Variante und kopieren Sie einen neuen Snippet.
Wie aktuell sind die Wetterdaten?
Die aktuellen Bedingungen werden auf unseren Servern alle 5 bis 10 Minuten aktualisiert. Das Widget greift auf den Live-Cache zu, sodass Ihre Besucher stets aktuelle Wetterdaten sehen, ohne dass Sie etwas tun müssen.
Welche Wetterdatenquellen verwenden Sie?
Wir aggregieren Daten von großen globalen Wetterdiensten und wählen die jeweils hochauflösendste Quelle für jede Stadt. Die Abdeckung ist weltweit: jedes bewohnte Land und mehr als 2,8 Millionen Städte und Gemeinden, einschließlich entlegener Orte, die die meisten APIs nicht erfassen.
Ist das Widget DSGVO-konform?
Ja. Das Widget setzt keine Cookies, führt keine Tracking-Skripte aus, erfasst keine Fingerabdrücke von Nutzern und verwendet keine Besucher-IP-Adressen für Analysen. Die einzigen Netzwerkaufrufe dienen dem Abruf des Widget-HTMLs und der Wettersymbole von weather.now – die gleiche Art von Aufruf, die Ihre Seite beim Einbetten eines YouTube-Videos oder einer Google Maps Karte tätigt. Sie müssen es nicht in ein Cookie-Banner aufnehmen.
Funktioniert das Widget, wenn Besucher JavaScript deaktiviert haben?
Ja – sie sehen dann den HTML-Fallback: den Stadtnamen, einen funktionierenden Link zur vollständigen Vorhersageseite auf weather.now und den weather.now-Hinweis. Das gestaltete Widget selbst erscheint erst, wenn das Loader-Skript läuft.
Kann ich das Widget auf einer AMP-Seite verwenden?
AMP entfernt benutzerdefinierte Skripte, daher wird das Live-Widget auf AMP-Seiten nicht gerendert. Der HTML-Fallback (Stadtname, Link zur Vorhersage, Quellenangabe) ist gültiges AMP-Markup und wird normal angezeigt, was für die meisten Anwendungsfälle ausreicht.
Kann ich eine bestimmte Sprache erzwingen, unabhängig davon, woher die Besucher kommen?
Ja – stellen Sie die Sprachoption im Generator auf eine der 38 unterstützten Sprachen ein, und das Widget wird immer in dieser Sprache angezeigt. Lassen Sie es auf Automatisch, folgt das Widget der Browsersprache jedes Besuchers.
Bereit, das Wetter auf Ihrer Website zu zeigen?
Scrollen Sie zurück, suchen Sie Ihre Stadt, wählen Sie Größe und Farben aus und kopieren Sie den Code. Der ganze Vorgang dauert weniger als eine Minute, und Ihre Besucher erhalten eine Live-Wettervorhersage für immer – völlig kostenlos für Sie.