Widget pogody na stronę www za darmo
Wybierz miejsce, układ i kolory, a potem skopiuj jedną linijkę kodu. Widget pokazuje aktualną pogodę i prognozę, sam się odświeża i działa na każdej stronie – w WordPressie, Wix, Shopify i w zwykłym HTML.
<div class="aos-weather" data-place="756135" data-lang="pl" data-label="Pogoda: Warszawa" style="max-width:420px"></div>
<script async src="https://atlasofseasons.com/widget.js"></script>Ładuje się leniwie i sam dopasowuje wysokość. Znacznik script wstaw raz na stronę, nawet przy kilku widgetach.
<iframe src="https://atlasofseasons.com/widget/v1/756135?lang=pl" title="Pogoda: Warszawa" width="100%" height="399" style="border:0;display:block;max-width:420px;" loading="lazy"></iframe>Działa tam, gdzie skrypty są zablokowane. Wysokość jest stała – dostosuj ją, jeśli później zmienisz opcje.
Jak dodać widget na stronę
WordPress
- Edytuj stronę lub otwórz Wygląd → Widżety.
- Dodaj blok „Własny HTML”.
- Wklej kod i zaktualizuj stronę.
Wix
- W edytorze kliknij Dodaj → Osadź kod → Osadź HTML.
- Wybierz „Kod”, wklej kod i kliknij Aktualizuj.
- Dopasuj rozmiar ramki i opublikuj stronę.
Shopify
- Przejdź do Sklep internetowy → Szablony → Dostosuj.
- Dodaj sekcję „Niestandardowy Liquid” w miejscu, gdzie ma być widget.
- Wklej kod i zapisz.
HTML
- Otwórz plik HTML strony.
- Wklej kod wewnątrz <body>, w miejscu, gdzie ma się pojawić widget.
- Zapisz plik i wgraj go na serwer.
Widget to mała karta renderowana po stronie serwera, która ładuje się w ułamku sekundy: bez fontów webowych, bez skryptów śledzących, bez cookies i bez reklam. Ikony to wbudowane SVG, a prognoza odświeża się co 15 minut, więc strona pozostaje szybka, a odwiedzający zawsze widzą aktualną pogodę.
Widget jest bezpłatny także na stronach komercyjnych. Jedyny warunek: mały link „Pogoda · Atlas of Seasons” na dole widgetu musi pozostać widoczny.
Dlaczego ten widget pogody
Sześć układów
Pasek w jednej linii, kompaktowa plakietka, karta z prognozą, szeroki pasek na 7 dni, pasek godzinowy lub pełna prognoza.
Dopasowany do Twojej strony
Motyw jasny, ciemny, automatyczny lub przezroczyste szkło, własne kolory, zaokrąglenie rogów, obramowanie, cień i czcionka.
Każde miejsce na świecie
Ponad 200 000 miast, miejscowości i kurortów, z czasem lokalnym, °C lub °F i czterema jednostkami prędkości wiatru.
12 języków
Polski, angielski, turecki, niemiecki, hiszpański, portugalski, francuski, włoski, niderlandzki, rosyjski, japoński i arabski (od prawej do lewej).
Szybki i prywatny
Minimalny HTML, leniwe ładowanie, zero cookies, zero statystyk i żadnych zapytań do zewnętrznych serwisów wewnątrz widgetu.
Responsywny
Płynna szerokość, która dopasowuje się do paska bocznego, kolumny z treścią i telefonu; skrypt sam ustawia wysokość.
Pytania o widget pogody
Czy widget pogody jest naprawdę darmowy?
Tak. Możesz go używać na dowolnej liczbie stron prywatnych i komercyjnych, bez opłat, bez zakładania konta i bez klucza API. Prosimy tylko o pozostawienie widocznego małego linku z informacją o źródle.
Jak dodać widget pogody na stronę?
Wybierz powyżej miejsce i wygląd, skopiuj kod i wklej go na stronie tam, gdzie ma się pojawić widget – w WordPressie w bloku „Własny HTML”, w Wix w elemencie „Osadź HTML”, w Shopify w sekcji „Niestandardowy Liquid”.
Jak często odświeża się prognoza?
Aktualne warunki i prognoza są odświeżane mniej więcej co 15 minut na podstawie globalnych modeli pogodowych. Nie musisz nic zmieniać w kodzie – widget zawsze pokazuje najnowsze dane.
Czy widget spowolni moją stronę?
Nie. Skrypt waży poniżej 3 KB, ładuje się asynchronicznie i tworzy widget dopiero wtedy, gdy ten pojawi się na ekranie. Sam widget to kilka kilobajtów HTML – bez fontów, obrazków i trackerów.
Czy widget używa cookies lub śledzi odwiedzających?
Nie. Widget nie korzysta z cookies, local storage ani narzędzi analitycznych, więc nie trzeba go uwzględniać w banerze cookies.
Czy mogę pokazać kilka miejsc na jednej stronie?
Tak. Dodaj osobny blok kodu dla każdego miejsca; w wersji ze skryptem znacznik script wystarczy wstawić raz na stronę.