Gratis väderwidget & vattentemperatur för din hemsida
Lägg till en gratis widget för havstemperatur och väder på din webbplats på under en minut. Välj bland 174 stränder världen över, kopiera koden och klistra in den var som helst – i sidfoten, sidofältet eller ett blogginlägg. Det frostade glaset smälter in på alla sidor, anpassar färgerna till bakgrunden och visar automatiskt texten på din webbplats språk. Den visar den aktuella vattentemperaturen tillsammans med lufttemperatur, väder och UV-index. Fungerar på WordPress, Wix eller vanlig HTML och uppdaterar sig själv – ingen registrering krävs.
Välj en destination
Auto smälter in på sidan – den läser av bakgrunden och väljer ljus eller mörk text.
Förhandsgranska
Det här är det verkliga, levande kortet – exakt vad dina besökare kommer att se.
Kopiera koden
<!-- Live sea temperature & weather widget by SeaTempMap.com -->
<div class="seatempmap-widget" data-seatempmap-dest="santorini" data-units="c" data-theme="auto">
<a href="https://seatempmap.com/destinations/santorini" rel="noopener">Sea temperature in Santorini · SeaTempMap.com</a>
</div>
<script async src="https://seatempmap.com/widget/v1.js"></script>Klistra in detta där du vill att kortet ska visas.
Vanliga frågor
Hur lägger jag till widgeten för havstemperatur på min webbplats?
Välj en destination ovan, kopiera kodsnutten och klistra in den i din sidas HTML där du vill att kortet ska visas – i sidfoten, i en sidofält eller inuti ett inlägg. Det finns inget att installera och du behöver inte skapa något konto: den fungerar i alla HTML- eller inbäddningsblock på WordPress, Wix, Squarespace, Shopify eller en handkodad sajt.
Är widgeten verkligen gratis?
Ja – gratis för både personliga och kommersiella webbplatser, utan registrering, utan API-nyckel och utan trafikbegränsningar. Allt vi ber om är att du behåller den lilla länken till SeaTempMap.com på kortet – den källhänvisningen är det som håller widgeten gratis.
Var kommer datan ifrån, och hur ofta uppdateras den?
Havstemperaturer hämtas från NASA:s satellitdata på ett rutnät om 1 km – samma mätning som du ser på vår världskarta. Lufttemperatur, väder och UV kommer från ett live globalt flöde, och kortet uppdaterar sig självt medan din sida är öppen – dina besökare ser alltid de aktuella förhållandena.
Kommer den att passa min webbplats design?
Kortet är i frostat glas: det plockar upp vad som än ligger bakom det och växlar själv mellan mörk och ljus text, så det förblir läsbart över alla färger, foton eller sektioner. Om du hellre vill låsa utseendet, ställ in data-theme till light eller dark.
Kommer widgeten att krocka med min webbplats stilmallar?
Nej – kortet renderas inuti en Shadow DOM, en webbläsarfunktion som isolerar det helt: ditt temas CSS kan inte av misstag ha sönder widgeten, och widgetens stilar kan inte läcka ut på din sida.
Visas den på mina besökares språk?
Ja – kortet läser av din webbplats språk och visar automatiskt sina etiketter på det språket, på 30 språk. En fransk sida får ett franskt kort, en tysk sida ett tyskt; allt som inte täcks ännu faller tillbaka på engelska.
Kommer widgeten att göra min sida långsam?
Nej – det är ett litet skript (under 20 kB, inga beroenden) som laddas asynkront efter ditt innehåll, plus en enda pytteliten dataförfrågan. Och om datan någonsin inte kan laddas, misslyckas kortet i tysthet i stället för att förstöra din layout.
Kan jag visa mer än en destination?
Ja – klistra in en kodsnutt per destination så renderas varje kort för sig, vilket innebär att ett hotell med två platser kan visa båda. Skriptet behöver bara inkluderas en gång per sida, men en dubblett gör ingen skada.
Vilka destinationer finns tillgängliga?
174 noggrant utvalda stränder och kuststäder över hela världen – från Medelhavet och Atlanten till Karibien, Sydostasien och Stilla havet. Sök i listan ovan; om din saknas, mejla hello@seatempmap.com så kikar vi på att lägga till den.
Använder den cookies eller samlar in besökardata?
Nej – widgeten sätter inga cookies, lagrar ingenting på dina besökares enheter och gör ingen spårning – inga personuppgifter överhuvudtaget. Den hämtar bara temperaturavläsningen, så den är säker att bädda in överallt och kommer inte att påverka din cookie-banner eller integritetspolicy.