Gratis weerwidget voor je website
Kies een plaats, een layout en je kleuren en kopieer één regel code. De widget toont het actuele weer en de verwachting, werkt zichzelf bij en draait op elke site: WordPress, Wix, Shopify of gewoon HTML.
<div class="aos-weather" data-place="2759794" data-lang="nl" data-label="Weer in Amsterdam" style="max-width:420px"></div>
<script async src="https://atlasofseasons.com/widget.js"></script> Laadt pas als het nodig is en past de hoogte automatisch aan. Zet de scripttag één keer per pagina, ook bij meerdere widgets.
<iframe src="https://atlasofseasons.com/widget/v1/2759794?lang=nl" title="Weer in Amsterdam" width="100%" height="399" style="border:0;display:block;max-width:420px;" loading="lazy"></iframe> Werkt ook waar scripts niet zijn toegestaan. De hoogte ligt vast, dus pas die aan als je later de opties wijzigt.
Zo zet je hem op je site
WordPress
- Bewerk de pagina of open Weergave → Widgets.
- Voeg een blok ‘Aangepaste HTML’ toe.
- Plak de code en werk de pagina bij.
Wix
- Klik in de editor op Toevoegen → Code insluiten → HTML insluiten.
- Kies ‘Code’, plak de code en klik op Bijwerken.
- Pas het kader aan op maat en publiceer.
Shopify
- Ga naar Webwinkel → Thema’s → Aanpassen.
- Voeg een sectie ‘Aangepaste Liquid’ toe waar je de widget wilt hebben.
- Plak de code en sla op.
HTML
- Open het HTML-bestand van de pagina.
- Plak de code binnen <body> op de plek waar de widget moet komen.
- Sla het bestand op en upload het.
De widget is een kleine, server-side gegenereerde kaart die in een fractie van een seconde laadt: geen webfonts, geen trackingscripts, geen cookies en geen advertenties. De iconen zijn inline SVG en de verwachting wordt elke 15 minuten ververst, dus je pagina blijft snel en je bezoekers zien altijd het actuele weer.
Hij is gratis voor persoonlijke en commerciële sites. De enige voorwaarde: het kleine linkje ‘Weer · Atlas of Seasons’ onderaan de widget moet zichtbaar blijven.
Waarom deze weerwidget
Zes layouts
Een strook van één regel, een compacte badge, een kaart met verwachting, een brede 7-daagse balk, een uurstrook of de volledige verwachting.
Past bij je huisstijl
Licht, donker, automatisch of transparant glas-thema, je eigen kleuren, afgeronde hoeken, rand, schaduw en lettertype.
Elke plek op aarde
Meer dan 200.000 steden, dorpen en vakantieplaatsen, met lokale tijd, °C of °F en vier eenheden voor wind.
12 talen
Nederlands, Engels, Turks, Duits, Spaans, Portugees, Frans, Italiaans, Pools, Russisch, Japans en Arabisch (van rechts naar links).
Snel en privacyvriendelijk
Minimale HTML, lazy loading, geen cookies, geen statistieken en geen verzoeken naar derden in de widget.
Responsive
Vloeiende breedte die zich aanpast aan zijbalken, contentkolommen en telefoons; het script regelt de hoogte automatisch.
Vragen over de weerwidget
Is de weerwidget echt gratis?
Ja. Je mag hem op zoveel persoonlijke of commerciële websites gebruiken als je wilt, kosteloos en zonder account of API-sleutel. Laat alleen het kleine bronlinkje zichtbaar.
Hoe zet ik de weerwidget op mijn website?
Kies hierboven een plaats en de gewenste stijl, kopieer de code en plak die op de plek in je pagina waar de widget moet komen: in WordPress met een blok ‘Aangepaste HTML’, in Wix met een element ‘HTML insluiten’, in Shopify met een sectie ‘Aangepaste Liquid’.
Hoe vaak wordt de verwachting bijgewerkt?
Het actuele weer en de verwachting worden ongeveer elke 15 minuten ververst op basis van wereldwijde weermodellen. Je hoeft de code nooit aan te passen: de widget toont altijd de nieuwste gegevens.
Maakt de widget mijn site trager?
Nee. Het script is kleiner dan 3 kB, laadt asynchroon en bouwt de widget pas op als die in beeld scrolt. De widget zelf is maar een paar kilobyte HTML, zonder lettertypen, afbeeldingen of trackers.
Plaatst de widget cookies of volgt hij bezoekers?
Nee. De widget gebruikt geen cookies, geen local storage en geen analytics, dus hij hoeft niet in je cookiemelding te staan.
Kan ik meerdere plaatsen op één pagina tonen?
Ja. Voeg per plaats een codeblok toe; bij de scriptversie heb je de scripttag maar één keer per pagina nodig.