Erstelle dein 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 wä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 Wetterbedingungen und eine 7-Tage-Vorhersage für jede Stadt der Welt in einer von 38 Sprachen an. Wählen Sie eine Stadt, kopieren Sie einen kurzen HTML-Snippet, fügen Sie ihn in Ihre Seite ein. Das ist die gesamte Installation. 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-Storefront – überall dort, wo eine Seite davon profitiert, das aktuelle Wetter anzuzeigen.
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 zu seiner Vorhersageseite und eine Quellenangabe zu 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 Nutzungsbegrenzung, 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, Thai, Indonesisch, Malaiisch, Finnisch, Norwegisch, Schwedisch, Dänisch, Rumänisch, Ungarisch, Bulgarisch, Ukrainisch, Litauisch, Lettisch, Estnisch, Slowenisch, Serbisch und Isländisch.
- Wählen Sie Ihr Datums- und Zeitformat. 12-Stunden mit AM/PM oder 24-Stunden. Wochentagsnamen, MM/DD, DD/MM oder Datumsangaben mit Monatsnamen.
- Wählen Sie Ihre Einheiten. Celsius oder Fahrenheit. Metrische oder imperiale Windgeschwindigkeit. Eine Auswahl pro Widget.
- Passt in jedes Layout. Banner, quadratisch, Standard oder Vollformat-Voreinstellungen – oder ziehen Sie die Größe des Vorschaubilds auf jede beliebige 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 Schriftart-Downloads, keine Tracking-Skripte. Das Ladeprogramm ist etwa 1 KB groß; das gerenderte Widget ist 6 bis 8 KB komprimiert (gzip).
- Funktioniert auf jeder Plattform. WordPress, Shopify, Wix, Squarespace, Webflow, Ghost, Joomla, Drupal, Notion-Seiten, einfaches HTML, Single-Page-Apps – überall, wo ein kleiner HTML-Snippet erlaubt ist.
- Entwickelt für SEO. Der Snippet enthält einen echten, indexierbaren Zitatblock mit dem Stadtnamen und einem Link zur Vorhersageseite. Suchmaschinen sehen ihn sofort beim Crawlen Ihrer Seite, noch bevor das Widget-Skript ausgeführt wird.
So funktioniert das Einbetten
Der von Ihnen eingefügte Snippet 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 auf Ihrer Seite ankommen.
Wenn die Seite in einem Browser geladen wird, der JavaScript ausführt, ersetzt unser Lade-Skript (etwa 1 KB, asynchron geladen) den Zitatblock durch das gestaltete Live-Wetter-Widget. Ihre menschlichen Besucher sehen das gerenderte Widget. Crawler, RSS-Reader, Bildschirmlesegeräte, E-Mail-Clients und jeder Kontext ohne JavaScript sehen den sauberen Zitat-Fallback. Nichts wird versteckt, nichts geht verloren.
Dies ist der gleiche Ansatz, den Twitter, Instagram und Reddit für ihre Einbettungen verwenden: ein semantischer HTML-Fallback, der zu einem reichhaltigen Widget aufgewertet wird. Sie müssen kein JavaScript schreiben, kein iframe konfigurieren oder sich um renderblockierende Skripte sorgen. Einfügen, veröffentlichen, 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 nur darum, dass der kleine weather.now-Hinweis im Code sichtbar bleibt. Dieser Hinweis hilft neuen Nutzern, uns zu entdecken, und ermöglicht es uns, das Widget für alle kostenlos anzubieten.
Wie installiere ich das Widget auf WordPress?
Im Block-Editor (Gutenberg) fügen Sie einen benutzerdefinierten HTML-Block hinzu und fügen den Code ein. Im klassischen Editor wechseln Sie zur Text- oder HTML-Registerkarte und fügen ihn dort ein. In Elementor oder Divi verwenden Sie das HTML-Widget. Es sind keine Plugin- oder Theme-Änderungen erforderlich.
Wie installiere ich es auf Shopify?
Öffnen Sie den Theme-Editor, fügen Sie auf einer beliebigen Seite einen „Custom HTML“-Abschnitt 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 haben einen HTML-Einbettungsblock. Fügen Sie in Wix ein HTML-Element ein und fügen den Code ein. In Squarespace fügen Sie einen Code-Block (eingestellt auf HTML) hinzu und fügen den Code ein. Das Widget wird in beiden Sandboxes korrekt angezeigt.
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 am Edge zwischengespeichert, sodass das Hinzufügen weiterer Städte die Seite nicht verlangsamt.
Verlangsamt das Wetter-Widget meine Website?
Keine messbare Auswirkung auf die Core Web Vitals. Das Loader-Skript ist etwa 1 KB groß und wird asynchron geladen. Das Widget selbst lädt lazy – es wird erst gerendert, wenn der Besucher in die Nähe scrollt. Die gerenderte Nutzlast beträgt im Durchschnitt 6 bis 8 KB (gzip-komprimiert) und wird von einem CDN mit weltweit unter 100 Millisekunden Latenz ausgeliefert.
Kann ich Farben und Größen ändern, nachdem ich das Widget installiert habe?
Ja — jede Option ist ein einfaches HTML-Attribut im Code. Ändern Sie eine Zahl oder eine Hex-Farbe im eingefügten Code, und das Widget wird beim nächsten Laden der Seite aktualisiert. Es wird keine CSS-Datei und kein Build-Schritt benötigt. Oder kehren Sie zum Generator oben zurück, entwerfen Sie eine neue Variante und kopieren Sie einen neuen Code.
Wie aktuell sind die Wetterdaten?
Die aktuellen Bedingungen werden auf unseren Servern alle 5 bis 10 Minuten aktualisiert. Das Widget bezieht die Daten aus dem Live-Cache, sodass Ihre Besucher stets aktuelle Wetterdaten sehen, ohne dass Sie etwas tun müssen.
Welche Wetterdatenquellen nutzen Sie?
Wir aggregieren Daten von großen globalen Wetterdiensten und wählen die jeweils höchstauflösende Quelle für jede Stadt aus. Die Abdeckung ist weltweit: jedes bewohnte Land und mehr als 2,8 Millionen Städte und Gemeinden, einschließlich abgelegener Orte, die die meisten APIs nicht erfassen.
Ist das Widget DSGVO-konform?
Ja. Das Widget setzt keine Cookies, führt keine Tracking-Skripte aus, erstellt keine Benutzer-Fingerabdrücke und verwendet keine Besucher-IP-Adressen für Analysen. Die einzigen Netzwerkanfragen, die es stellt, gehen an weather.now, um das Widget-HTML und Wettersymbole abzurufen – die gleiche Art von Anfrage, die Ihre Seite beim Einbetten eines YouTube-Videos oder einer Google Maps Karte macht. Sie müssen es nicht in ein Cookie-Banner aufnehmen.
Funktioniert das Widget auch, wenn Besucher JavaScript deaktiviert haben?
Ja — sie sehen das HTML-Fallback: den Stadtnahmen, einen funktionierenden Link zur vollständigen Vorhersageseite auf weather.now und den weather.now-Hinweis. Das gestaltete Widget selbst erscheint nur, 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 eines der 38 unterstützten Gebietsschemata ein, und das Widget wird immer in dieser Sprache angezeigt. Lassen Sie es auf Automatisch, und das Widget folgt der Browsersprache jedes Besuchers.
Bereit, Wetter auf Ihrer Website einzubinden?
Scrollen Sie wieder nach oben, suchen Sie Ihre Stadt, wählen Sie Größe und Farben aus und kopieren Sie den Code. Der gesamte Vorgang dauert weniger als eine Minute, und Ihre Besucher erhalten für immer eine Live-Wettervorhersage – für Sie kostenlos.