Stwórz swój darmowy widget pogodowy
Pogoda na żywo dla dowolnego miasta, w pełni konfigurowalna. Jedna linijka HTML — działa na każdej stronie (WordPress, Shopify, Wix, zwykły HTML, gdziekolwiek). Zawsze za darmo.
1. Wybierz miasto
/fr/paris → city=paris&country=fr2. Rozmiar
3. Wygląd
4. Język i jednostki
5. Pokaż / ukryj sekcje
Podgląd na żywo
Darmowy widget pogodowy, który każda strona może osadzić w 60 sekund
Widget weather.now wyświetla aktualne warunki pogodowe i 7-dniową prognozę dla dowolnego miasta na świecie, w dowolnym z 38 języków. Wybierz miasto, skopiuj krótki fragment HTML, wklej go na swoją stronę. To cała instalacja. Bez wtyczek, bez konta, bez klucza API, bez płatności.
Użyj go na blogu, stronie hotelu, ofercie wynajmu wakacyjnego, ogłoszeniu nieruchomości, portalu szkolnym, przewodniku turystycznym, marinie, ośrodku narciarskim, sklepie Shopify — wszędzie tam, gdzie strona zyskuje na pokazaniu aktualnej pogody.
Fragment kodu robi dwie rzeczy naraz. Dla odwiedzających wyświetla się jako czysta, stylizowana karta pogodowa. Dla wyszukiwarek, czytników RSS i czytników ekranu renderuje się jako semantyczne cytowanie HTML: nazwa miasta, link do strony z prognozą i informacja o autorstwie weather.now. Oba w jednej linijce kodu.
Dlaczego ludzie wybierają ten darmowy widget pogodowy
- Zawsze za darmo. Bez rejestracji, bez klucza API, bez limitu użycia, bez karty kredytowej. Po prostu wklej i gotowe.
- Dostosuj wszystko. Motyw jasny, ciemny lub automatyczny. Kolor akcentu, kolor tła, kolor tekstu, zaokrąglenie rogów, rozmiar czcionki, rozmiar widżetu oraz które sekcje wyświetlać.
- 38 języków. Angielski, hiszpański, francuski, niemiecki, portugalski, włoski, niderlandzki, rosyjski, arabski, chiński (uproszczony i tradycyjny dla Hongkongu i Tajwanu), japoński, koreański, wietnamski, turecki, polski, czeski, słowacki, grecki, hebrajski, tajski, indonezyjski, malajski, fiński, norweski, szwedzki, duński, rumuński, węgierski, bułgarski, ukraiński, litewski, łotewski, estoński, słoweński, serbski i islandzki.
- Wybierz format daty i godziny. 12-godzinny z AM/PM lub 24-godzinny. Nazwy dni tygodnia, MM/DD, DD/MM lub daty z nazwą miesiąca.
- Wybierz jednostki. Celsjusz lub Fahrenheit. Metryczna lub imperialna prędkość wiatru. Jeden wybór na widżet.
- Pasuje do każdego układu. Baner, kwadrat, standardowy lub pełny preset, albo przeciągnij, aby zmienić rozmiar podglądu od 180×80 do 1200×1000 pikseli. Widżet automatycznie dopasowuje zawartość do zmieniającego się pojemnika.
- Błyskawicznie szybki. HTML renderowany po stronie serwera, bez zewnętrznych bibliotek JavaScript, bez pobierania czcionek, bez skryptów śledzących. Skrypt ładujący ma około 1 KB; wyrenderowany widget waży od 6 do 8 KB po skompresowaniu.
- Działa na każdej platformie. WordPress, Shopify, Wix, Squarespace, Webflow, Ghost, Joomla, Drupal, strony Notion, czysty HTML, aplikacje jednostronicowe — wszędzie tam, gdzie dozwolony jest mały fragment HTML.
- Zoptymalizowany pod SEO. Fragment kodu zawiera rzeczywisty, indeksowalny blok cytatu z nazwą miasta i linkiem do jego strony prognozy. Wyszukiwarki widzą go natychmiast po zaindeksowaniu strony, zanim skrypt widgetu w ogóle zostanie uruchomiony.
Jak działa osadzenie
Wklejany fragment to mały blok HTML z cytatem, po którym następuje jednowierszowy znacznik skryptu. Sam w sobie ten blok jest już poprawną, czytelną treścią: nagłówek z nazwą miasta, link do pełnej strony prognozy i linia z podziękowaniem dla weather.now. Roboty indeksujące widzą go, gdy tylko dotrą do Twojej strony.
Gdy strona ładuje się w przeglądarce obsługującej JavaScript, nasz skrypt ładujący (około 1 KB, ładowany asynchronicznie) zastępuje blok cytatu stylowym, żywym widgetem pogodowym. Twoi ludzcy odwiedzający widzą wyrenderowany widget. Roboty indeksujące, czytniki RSS, czytniki ekranu, klienty poczty e-mail i wszelkie konteksty bez JavaScript widzą czysty, zastępczy cytat. Nic nie jest ukryte, nic nie jest tracone.
To to samo podejście, które Twitter, Instagram i Reddit stosują do swoich osadzeń: semantyczny fallback HTML, który jest wzbogacany do bogatego widgetu. Nie musisz pisać JavaScript, konfigurować iframe ani martwić się o skrypty blokujące renderowanie. Wklejasz, publikujesz, działa.
Często zadawane pytania
Czy widget pogodowy jest naprawdę darmowy?
Tak — całkowicie darmowy, bez rejestracji, bez klucza API i bez limitu użycia. Prosimy tylko o pozostawienie małej informacji o weather.now w widocznym miejscu w snippecie. Dzięki temu nowi użytkownicy mogą nas znaleźć, a my możemy utrzymać widget za darmo dla wszystkich.
Jak zainstalować widget na WordPressie?
W edytorze blokowym (Gutenberg) dodaj blok Niestandardowy HTML i wklej snippet. W klasycznym edytorze przełącz na zakładkę Tekst lub HTML i wklej go tam. W Elementorze lub Divi użyj widżetu HTML. Nie jest potrzebna żadna wtyczka ani modyfikacja motywu.
Jak zainstalować na Shopify?
Otwórz edytor motywu, dodaj sekcję HTML niestandardowego do dowolnej strony i wklej fragment kodu. Aby dodać widżet w stopce lub panelu bocznym na całej stronie, edytuj plik theme.liquid i wklej fragment w wybrane miejsce. Działa również na stronach produktów i w artykułach bloga.
Jak zainstalować na Wix lub Squarespace?
Oba edytory mają blok osadzania HTML. W Wix dodaj element Osadź HTML i wklej snippet. W Squarespace dodaj blok Kod (ustawiony na HTML) i wklej snippet. Widget działa poprawnie w obu środowiskach.
Czy mogę wyświetlić prognozy dla wielu miast na jednej stronie?
Tak — wklej fragment kodu tyle razy, ile chcesz, raz na miasto. Każdy widżet ładuje się niezależnie i jest osobno buforowany na brzegu sieci, więc dodanie kolejnych miast nie spowalnia strony.
Czy widżet pogody spowalnia moją stronę?
Nie ma mierzalnego wpływu na Core Web Vitals. Skrypt ładujący ma około 1 KB i ładuje się asynchronicznie. Sam widżet ładuje się leniwie — nie renderuje się, dopóki odwiedzający nie przewinie w jego pobliże. Renderowany ładunek ma średnio 6–8 KB po skompresowaniu (gzip) i jest serwowany z CDN z opóźnieniem poniżej 100 milisekund na całym świecie.
Czy mogę zmienić kolory i rozmiary po zainstalowaniu widgetu?
Tak — każda opcja to zwykły atrybut HTML w snippecie. Zmień liczbę lub kolor hex w wklejonym kodzie, a widget zaktualizuje się przy następnym załadowaniu strony. Nie potrzebujesz pliku CSS ani procesu budowania. Możesz też wrócić do generatora powyżej, zaprojektować nowy wariant i skopiować świeży snippet.
Jak aktualne są dane pogodowe?
Bieżące warunki odświeżają się co 5 do 10 minut na naszych serwerach. Widget pobiera dane z żywej pamięci podręcznej, więc Twoi odwiedzający zawsze widzą aktualną pogodę bez żadnej pracy z Twojej strony.
Z jakich źródeł danych pogodowych korzystacie?
Agregujemy dane od głównych globalnych dostawców meteorologicznych i wybieramy źródło o najwyższej rozdzielczości dostępne dla każdego miasta. Zasięg jest globalny: każdy zaludniony kraj i ponad 2,8 miliona miast i miejscowości, w tym odległe lokalizacje, które pomija większość API.
Czy widget jest zgodny z RODO?
Tak. Widget nie ustawia plików cookie, nie uruchamia skryptów śledzących, nie pobiera odcisków palca urządzenia ani nie wykorzystuje adresów IP odwiedzających do analityki. Jedyne zapytania sieciowe to pobranie kodu HTML widgetu i ikon pogodowych z weather.now — takie same, jakie wykonuje Twoja strona przy osadzaniu filmu z YouTube lub mapy Google. Nie musisz dodawać go do banera cookie.
Czy widget działa, jeśli odwiedzający mają wyłączoną obsługę JavaScript?
Tak — widzą wtedy wersję zastępczą HTML: nazwę miasta, działający link do pełnej prognozy na weather.now oraz informację o autorstwie weather.now. Sam stylizowany widget pojawia się dopiero po uruchomieniu skryptu ładującego.
Czy mogę użyć widżetu na stronie AMP?
AMP usuwa niestandardowe skrypty, więc żywy widżet nie wyrenderuje się na stronach AMP. Rezerwowy kod HTML (nazwa miasta, link do prognozy, linia z informacją o prawach autorskich) jest poprawnym znacznikiem AMP i wyświetla się normalnie, co w większości przypadków jest wystarczające.
Czy mogę wymusić konkretny język niezależnie od tego, skąd pochodzą odwiedzający?
Tak — ustaw opcję Język w generatorze na dowolny z 38 obsługiwanych języków, a widget zawsze będzie wyświetlany w tym języku. Jeśli pozostawisz opcję Auto, widget dostosuje się do języka przeglądarki każdego odwiedzającego.
Chcesz dodać pogodę do swojej strony?
Przewiń w górę, znajdź swoje miasto, wybierz rozmiar i kolory, a następnie skopiuj kod. Cały proces zajmuje mniej niż minutę, a Twoi odwiedzający otrzymują prognozę na żywo na zawsze — bez żadnych kosztów.