Weather Widget

Aesthetic Widget for Weather

This aesthetic weather widget combines a native weather-themed background with refined typography, animated condition icons, and rounded corners. Current temperature, humidity, wind, feels-like temperature, and a five-day forecast form an atmospheric yet readable weather panel.
Jetzt erstellen – kostenlos!
119 Used
Aesthetic Widget for Weather

More Wetter Styles

Simple Weather Widget299 Used

Simple Weather Widget

This simple weather widget displays a location, condition icon, current temperature, and short weather description in one horizontal card. Light-blue coloring, navy text, and Open Sans typography create a clear, friendly presentation. The showcase uses Sydney weather in Celsius. With no forecast list or extra metric panels, the Current Weather layout suits community websites, local landing pages, and everyday information sections.

Minimal Weather Widget189 Used

Minimal Weather Widget

This minimal weather widget puts the current temperature first in a clean, monochrome card. A white background, charcoal text, subtle gray accents, and square corners create a restrained look for editorial websites, portfolios, and simple dashboards. The showcase is configured for Copenhagen in Celsius. Its Current Temperature layout omits forecast rows and additional weather details so visitors can read the essentials at a glance.

Small Weather Widget564 Used

Small Weather Widget

This small weather widget presents a city, current temperature, and condition icon in a compact sidebar card. Pale sky-blue coloring, deep navy text, and Inter typography keep the display readable without taking over the page. Configured for Lisbon in Celsius, the compact current-weather layout leaves out forecast rows and extra detail panels. It suits sidebars, narrow columns, and small dashboard sections.

Cute Weather Widget849 Used

Cute Weather Widget

This cute weather widget pairs pastel peach and lavender colors with rounded corners, animated weather icons, and friendly typography. Current conditions and a three-day forecast create a cheerful panel for personal websites, blogs, and local guides. The showcase uses London weather in Celsius. Customize the location, palette, font, card width, and forecast length to make the design your own.

Mehr entdecken

So erstellen Sie das Widget Wetter

Choose your weather location

Ort festlegen

Geben Sie eine Stadt, eine PLZ oder Koordinaten für eine feste Vorhersage ein. Mit dem Modus „Besucherstandort” zeigt das Widget stattdessen das Wetter für den Standort der jeweiligen Besuchenden an.

Customize the forecast display

Vorhersage gestalten

Wählen Sie Celsius oder Fahrenheit, legen Sie die Länge der Vorhersage fest und entscheiden Sie, welche Details angezeigt werden. Je nach Layout können Sie Temperatur, Luftfeuchtigkeit, Wind und gefühlte Temperatur anzeigen.

Embed it on your website

Betten Sie es auf Ihrer Website ein

Passen Sie die Farben an, prüfen Sie das Widget in der Vorschau und kopieren Sie den erzeugten Einbettungscode. Fügen Sie ihn in einen HTML- oder Einbettungsblock Ihres Website-Baukastens ein, veröffentlichen Sie die Seite und prüfen Sie die Darstellung.

Mehr erfahren

Lokales Wetter in flexiblen Website-Layouts anzeigen

Wetter für ausgewählte Orte anzeigen

Zeigen Sie das Wetter für eine Stadt, eine PLZ oder bestimmte Koordinaten an, die für Ihre Zielgruppe wichtig sind. Mit einer eigenen Ortsbezeichnung passt die Vorhersage besser zu einem Hotel, einem Veranstaltungsort, einer Schule, einem Ausflugsziel oder einem Geschäft vor Ort.

Show weather for chosen locations

Wählen Sie die passende Vorhersageansicht

Wählen Sie je nach verfügbarem Platz ein detailliertes Layout, eine Tages- oder Stundenvorhersage, das aktuelle Wetter oder nur die Temperatur. So zeigen Sie eine vollständige Vorhersage oder beschränken das Widget auf die Wetterdetails, die Besuchende am meisten brauchen.

Choose the right forecast view

Vorhersagen an Ihre Website anpassen

Wählen Sie einen Hintergrund mit Motiv oder einen einfarbigen Hintergrund und passen Sie anschließend Widget, Vorhersagezeilen, Text, Akzentfarben, Breite und Eckenradius an. So fügt sich das Wetter-Widget natürlich in das Design Ihrer Seite ein.

Match forecasts to your website

Einheiten und Beschriftungen verständlich halten

Zeigen Sie die Temperatur in Celsius oder Fahrenheit an und übersetzen Sie die wichtigsten Beschriftungen des Widgets für Ihre Zielgruppe. Das Widget passt sich an die Bildschirmgröße an, und Sie können festlegen, ob es auf Desktop-Geräten, auf Mobilgeräten oder auf beiden erscheint. So bleiben die Wetterinformationen auf jedem Bildschirm gut lesbar.

Keep units and labels clear

Wetter in WordPress einbetten – so geht’s

1Einbettungscode abrufen

Klicken Sie nach dem Anpassen Ihres Jotform-Website-Widgets auf „Kostenlos auf Ihrer Website testen” und kopieren Sie den generierten Einbettungscode.

2Seiteneditor öffnen

Öffnen Sie in WordPress den Beitrag oder die Seite für das Widget und fügen Sie einen neuen Block hinzu.

3HTML-Block hinzufügen

Wählen Sie „Individuelles HTML” und fügen Sie den Einbettungscode Ihres Jotform-Website-Widgets in das HTML-Feld ein.

4Aktualisieren und ansehen

Klicken Sie auf „Aktualisieren” oder „Veröffentlichen” und öffnen Sie dann die Seite, um Ihr eingebettetes Widget zu prüfen.

Mehr erfahren

Warum sich Jotform Website Widgets auszeichnen

Mit den Widgets von Jotform wird Ihre Website interaktiver und Sie steigern Ihre Conversion-Rate. Zur Auswahl stehen zahlreiche Tools wie Sternebewertungen, Slideshows mit Erfahrungsberichten, Pop-ups mit Social Proof und eingebettete Medien. Fügen Sie Widgets zu Ihren Formularen oder Landingpages hinzu, um Daten zu sammeln, Erfahrungsberichte anzuzeigen und Leads zu gewinnen – ganz ohne Programmierkenntnisse.

Widgets ohne Programmierung verwenden

Fügen Sie Jotform-Widgets mithilfe eines Einbettungscodes in Ihre Website ein. Passen Sie das Widget an, sehen Sie sich die Vorschau an und fügen Sie den Code in jede Seite ein, die benutzerdefiniertes HTML oder Einbettungsblöcke unterstützt – ganz ohne Entwicklerinnen oder Entwickler.

Bauen Sie interaktivere Seiten

Mit Jotform Website Widgets sammeln Sie Leads, zeigen Kundenfeedback, präsentieren Social Proof, binden Medien ein oder fügen nützliche Webseiten-Tools hinzu. Über jedes Widget können Besucher direkt auf Ihrer Website mit Ihrem Unternehmen interagieren.

Holen Sie sich jederzeit Hilfe

Wenn Sie Unterstützung bei der Einrichtung, Anpassung, Einbettung oder Fehlerbehebung Ihres Widgets benötigen, steht Ihnen das Kundensupport-Team von Jotform rund um die Uhr zur Verfügung. So können Sie beruhigt weiterarbeiten, denn Sie wissen: Hilfe ist da, wenn Sie sie brauchen.

Wo Sie Ihr Wetter-Widget einsetzen können

Fügen Sie Wetterinformationen auf Seiten ein, auf denen das Wetter die Pläne, die Vorbereitung oder die Entscheidungen von Besuchenden beeinflussen kann.

Seiten von Hotels und Ferienanlagen, damit sich Gäste vor ihrem Aufenthalt auf das Wetter vor Ort einstellen können.

Veranstaltungsseiten, um Teilnehmenden vor einer Veranstaltung im Freien oder vor Ort das erwartete Wetter zu zeigen.

Tour- und Aktivitätsseiten, um Reisenden zu helfen, Kleidung, Ausrüstung und Buchungstermine zu planen.

Schul- und Gemeindeseiten, um Familien, Schülerinnen und Schüler sowie Anwohnende über das Wetter vor Ort zu informieren.

Sport- und Freizeitseiten, damit sich Besuchende auf Spiele, Anlagen oder Aktivitäten im Freien einstellen können.

Websites lokaler Geschäfte, damit die Kundschaft vor dem Besuch weiß, welches Wetter sie erwartet.

Gewinnen Sie Leads als zahlende Kunden mit dem Jotform Formulargenerator

Machen Sie mit Jotform aus Interesse Taten. Erstellen Sie leistungsstarke Formulare, die Leads gewinnen, Zahlungen entgegennehmen und Antworten automatisieren – alles an einem Ort. Jede Antwort landet in Ihrem Jotform Posteingang, wo Sie nachfassen oder sie mit Ihren Lieblings-Apps verbinden können.

Jetzt starten – Kostenlos!
Convert leads into customers

FAQ

  • Was ist ein Wetter-Widget?

    Ein Wetter-Widget zeigt das aktuelle Wetter und Vorhersagen direkt auf einer Website an. Je nach Layout sehen Besuchende Temperaturen, Tages- oder Stundenvorhersagen, Luftfeuchtigkeit, Wind und gefühlte Temperatur, ohne die Seite zu verlassen.

  • Ist das Wetter-Widget von Jotform kostenlos?

  • Kann ich festlegen, für welchen Ort das Widget das Wetter anzeigt?

  • Kann das Widget den Standort der Besuchenden verwenden?

  • Welche Wettervorhersage-Layouts kann ich verwenden?

  • Kann ich neben der Temperatur weitere Wetterdetails anzeigen?

  • Kann ich zwischen Celsius und Fahrenheit wählen?

  • Kann ich das Design des Wetter-Widgets anpassen?

  • Funktioniert das Wetter-Widget auf Mobilgeräten?

  • Muss ich Code schreiben, um ein Wetter-Widget zu erstellen?

  • Welche Website-Plattformen unterstützen das Wetter-Widget?

  • Kann ich Hilfe bei der Einrichtung meines Wetter-Widgets bekommen?