Bouw uw gratis weerwidget
Actueel weer voor elke stad, volledig aanpasbaar. Eén regel HTML — werkt op elke site (WordPress, Shopify, Wix, gewone HTML, overal). Altijd gratis.
1. Kies stad
/fr/paris → city=paris&country=fr2. Afmetingen
3. Uiterlijk
4. Taal + eenheden
5. Secties tonen / verbergen
Live voorbeeld
De gratis weerwidget die elke website in 60 seconden kan inbouwen
De weather.now-widget toont live actuele omstandigheden en een 7-daagse verwachting voor elke stad ter wereld, in elk van de 38 talen. Kies een stad, kopieer een korte HTML-snippet, plak deze in je pagina. Dat is de hele installatie. Geen plugin, geen account, geen API-sleutel, geen betaling.
Gebruik het op een blog, een hotelbestemmingspagina, een vakantieverhuur, een vastgoedadvertentie, een schoolportaal, een reisgids, een jachthaven, een skigebied, een Shopify-winkel — overal waar een pagina baat heeft bij het tonen van het weer op dit moment.
De snippet doet twee dingen tegelijk. Voor je bezoekers wordt het weergegeven als een strakke, opgemaakte weerkaart. Voor zoekmachines, RSS-lezers en schermlezers wordt het weergegeven als een semantische HTML-citatie: de stadsnaam, een link naar de verwachtingspagina en een vermelding van weather.now. Beide uit één enkele regel code.
Waarom mensen voor deze gratis weerwidget kiezen
- Altijd gratis. Geen aanmelding, geen API-sleutel, geen gebruikslimiet, geen creditcard. Gewoon plakken en gaan.
- Pas alles aan. Licht, donker of automatisch thema. Accentkleur, achtergrondkleur, tekstkleur, hoekradius, lettergrootte, widgetgrootte en welke secties worden weergegeven.
- 38 talen. Engels, Spaans, Frans, Duits, Portugees, Italiaans, Nederlands, Russisch, Arabisch, Chinees (Vereenvoudigd en Traditioneel voor zowel Hongkong als Taiwan), Japans, Koreaans, Vietnamees, Turks, Pools, Tsjechisch, Slowaaks, Grieks, Hebreeuws, Thais, Indonesisch, Maleis, Fins, Noors, Zweeds, Deens, Roemeens, Hongaars, Bulgaars, Oekraïens, Litouws, Lets, Ests, Sloveens, Servisch en IJslands.
- Kies je datum- en tijdnotatie. 12-uurs met AM/PM of 24-uurs. Weekdagnamen, MM/DD, DD/MM of datums met maandnaam.
- Kies je eenheden. Celsius of Fahrenheit. Metrische of imperiale windsnelheid. Eén keuze per widget.
- Past in elke lay-out. Banner, vierkant, standaard of volledige voorinstellingen, of sleep het formaat van de preview naar elke grootte tussen 180×80 en 1200×1000 pixels. De widget past de inhoud automatisch aan wanneer het formaat verandert.
- Bliksemsnel. Server-gerenderde HTML, geen externe JavaScript-bibliotheken, geen lettertypedownloads, geen trackingscripts. Het laadscript is ongeveer 1 KB; de weergegeven widget is 6 tot 8 KB gecomprimeerd.
- Werkt op elk platform. WordPress, Shopify, Wix, Squarespace, Webflow, Ghost, Joomla, Drupal, Notion-sites, platte HTML, single-page apps — overal waar een klein HTML-fragment is toegestaan.
- Gebouwd voor SEO. Het fragment bevat een echt, indexeerbaar citatieblok met de stadsnaam en een link naar de weersverwachtingspagina. Zoekmachines zien het zodra ze je pagina crawlen, nog voordat het widgetscript wordt uitgevoerd.
Hoe de embed werkt
Het fragment dat je plakt is een klein HTML-citatieblok gevolgd door een eenregelige scripttag. Op zichzelf is dat blok al geldige, leesbare inhoud: een kop met de stadsnaam, een link naar de volledige weersverwachtingspagina en een creditline naar weather.now. Crawlers zien het zodra ze je pagina bereiken.
Wanneer de pagina wordt geladen in een browser die JavaScript ondersteunt, vervangt ons laadscript (ongeveer 1 KB, asynchroon geladen) het citatieblok door de gestylde live-weerwidget. Je menselijke bezoekers zien de weergegeven widget. Crawlers, RSS-lezers, schermlezers, e-mailclients en elke context zonder JavaScript zien de schone citatie-fallback. Niets wordt verborgen, niets gaat verloren.
Dit is dezelfde aanpak die Twitter, Instagram en Reddit gebruiken voor hun embeds: een semantische HTML-fallback die wordt verbeterd tot een rijke widget. Je hoeft geen JavaScript te schrijven, een iframe te configureren of je zorgen te maken over render-blokkerende scripts. Je plakt, je publiceert, het werkt.
Veelgestelde vragen
Is de weerwidget echt gratis?
Ja — volledig gratis, zonder aanmelding, API-sleutel of gebruikslimiet. We vragen alleen of je de kleine weather.now-credit zichtbaar houdt in het fragment. Die credit is hoe nieuwe gebruikers ons ontdekken, en het stelt ons in staat de widget gratis te houden voor iedereen.
Hoe installeer ik de widget op WordPress?
Voeg in de blokeditor (Gutenberg) een aangepast HTML-blok toe en plak het fragment. In de klassieke editor schakel je naar het tabblad Tekst of HTML en plak je het daar. In Elementor of Divi gebruik je de HTML-widget. Er is geen plugin of themawijziging nodig.
Hoe installeer ik het op Shopify?
Open de thema-editor, voeg een Custom HTML-sectie toe aan een willekeurige pagina en plak de code. Voor een widget op de hele site in de footer of sidebar, bewerk theme.liquid en plak de code waar je hem wilt laten verschijnen. Het werkt ook in productpagina's en blogartikelen.
Hoe installeer ik op Wix of Squarespace?
Beide editors hebben een HTML-embedblok. Voeg in Wix een HTML-element in en plak het fragment. In Squarespace voeg je een Codeblok toe (ingesteld op HTML) en plak je het fragment. De widget werkt correct in beide sandboxes.
Kan ik weersverwachtingen voor meerdere steden op dezelfde pagina tonen?
Ja — plak de code zo vaak als je wilt, één per stad. Elke widget laadt onafhankelijk en wordt apart gecached aan de edge, dus het toevoegen van meer steden vertraagt de pagina niet.
Vertraagt de weerwidget mijn website?
Geen meetbare invloed op Core Web Vitals. Het laadscript is ongeveer 1 KB en laadt asynchroon. De widget zelf laadt lui — hij wordt pas weergegeven wanneer de bezoeker er in de buurt scrollt. De weergegeven payload is gemiddeld 6 tot 8 KB gecomprimeerd, geserveerd vanaf een CDN met wereldwijde latentie onder de 100 milliseconden.
Kan ik kleuren en formaten aanpassen nadat ik de widget heb geïnstalleerd?
Ja — elke optie is een gewoon HTML-attribuut in het fragment. Wijzig een getal of een hex-kleur in de geplakte code en de widget wordt bijgewerkt de volgende keer dat de pagina laadt. Er is geen CSS-bestand of build-stap nodig. Of ga terug naar de generator hierboven, ontwerp een nieuwe variant en kopieer een nieuw fragment.
Hoe actueel zijn de weergegevens?
Huidige omstandigheden worden elke 5 tot 10 minuten ververst op onze servers. De widget haalt gegevens uit de live cache, zodat je bezoekers altijd actuele weersinformatie zien zonder dat jij iets hoeft te doen.
Welke weergegevensbronnen gebruiken jullie?
We verzamelen gegevens van grote wereldwijde meteorologische aanbieders en kiezen de bron met de hoogste resolutie die beschikbaar is voor elke stad. De dekking is wereldwijd: elk bevolkt land en meer dan 2,8 miljoen steden en dorpen, inclusief afgelegen locaties die de meeste API's missen.
Is de widget GDPR-vriendelijk?
Ja. De widget plaatst geen cookies, voert geen trackingscripts uit, gebruikt geen fingerprinting en gebruikt geen IP-adressen van bezoekers voor analyses. De enige netwerkaanroepen zijn naar weather.now om de widget-HTML en weerpictogrammen op te halen — hetzelfde type aanroep dat uw site doet bij het insluiten van een YouTube-video of een Google Maps. U hoeft het niet aan een cookiebanner toe te voegen.
Werkt de widget als bezoekers JavaScript hebben uitgeschakeld?
Ja — dan zien ze de HTML-reserve: de plaatsnaam, een werkende link naar de volledige weersverwachting op weather.now, en de weather.now-credit. De opgemaakte widget verschijnt pas als het laadscript wordt uitgevoerd.
Kan ik de widget gebruiken op een AMP-pagina?
AMP verwijdert aangepaste scripts, dus de live widget wordt niet weergegeven op AMP-pagina's. De HTML-fallback (stadsnaam, link naar de verwachting, creditline) is geldige AMP-opmaak en wordt normaal weergegeven, wat voor de meeste gebruikssituaties voldoende is.
Kan ik een specifieke taal forceren, ongeacht waar bezoekers vandaan komen?
Ja — stel de taaloptie in de generator in op een van de 38 ondersteunde talen en de widget wordt altijd in die taal weergegeven. Laat u het op Automatisch staan, dan volgt de widget de browsertaal van elke bezoeker.
Weer aan je site toevoegen?
Scroll terug naar boven, zoek je stad, kies de grootte en kleuren, en kopieer de code. Het hele proces duurt minder dan een minuut en je bezoekers krijgen voor altijd een live weersverwachting — helemaal gratis.