Free sea temperature & weather widget for your website
Add a free sea temperature and weather widget to your website – no sign-up, no API key. It works for any beach in the world: pick a destination from our map or drop a pin on any coast, then paste the embed code into WordPress, Wix or plain HTML. The frosted-glass card shows the live water temperature next to the air temperature, weather and UV index, and takes its colours and its language from the page around it. Widget Pro adds a 10-day sea and air forecast and drops the SeaTempMap.com link.
Choose a destination
Preview
Free featuresThis is the real widget, showing the current temperature and weather – exactly what your visitors will see.
Copy the code
<!-- 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">SeaTempMap.com</a>
</div>
<script async src="https://seatempmap.com/widget/v1.js"></script>Paste this wherever you want the card to appear.
Free
€0- Any beach in the world – from our map, or a pin anywhere on the coast
- Sea and air temperature, weather and UV index – in your visitors' language
- Your own top line, the local time, °C/°F and a light or dark look
- Keeps a small SeaTempMap.com link under the card
Free · No sign-up · No tracking cookies
Widget Pro – your widget, your brand
The free widget carries a small SeaTempMap.com link under the card, and clicking the card opens our site. Widget Pro removes both – the card is entirely yours – and adds what a hotel site actually needs: a 10-day sea and air forecast, your own name on the card, and something worth showing out of season too. Less than one booked night, for a whole year.
Widget Pro
- 1 website / 1 destination
- No SeaTempMap.com link and no click-through – the card reads as part of your own site
- A 10-day forecast of sea and air temperature, right on the card
- Your own name on the card – your hotel instead of the beach, if you like
- Off-season – once the sea drops below the temperature you set, the card shows weather and UV instead
For one destination on one website – any number of cards, in any mix: say the 10-day forecast card on your page and a small one in the footer
Get Widget ProWidget Pro Multi
- 1 website / multiple destinations
- Everything in Widget Pro – on every card across your site
- For tour operators and hotel chains with many properties on one site
Secure checkout with a VAT invoice. Your licence key appears right after payment, with the code ready to paste.
Refund PolicyManage your subscriptionFrequently asked questions
How do I add the sea temperature widget to my website?
Pick a destination above, copy the snippet and paste it into your page's HTML wherever the card should appear – the footer, a sidebar or inside a post. There's nothing to install and no account to create: it works in any HTML or embed block on WordPress, Wix, Squarespace, Shopify or a hand-coded site.
Is the widget really free?
Yes – free for personal and commercial sites alike, with no sign-up, no API key and no traffic limit. All we ask is that you keep the small SeaTempMap.com link under the card – that credit is what keeps the widget free. The paid Widget Pro (99 € / year) removes it and adds the 10-day forecast, your own name on the card and the off-season mode.
Where does the data come from, and how often does it update?
Sea temperatures come from NASA satellite data on a 1 km grid – the same reading you see on our world map. Air temperature, weather and UV come from a live global feed, and the card refreshes itself while your page is open – your visitors always see the current conditions.
Will it match my website's design?
The card is frosted glass: it picks up whatever sits behind it and switches between dark and light text on its own, so it stays readable on any colour, photo or section. If you'd rather lock the look, set data-theme to light or dark.
Will the widget conflict with my website's styling?
No – the card renders inside a Shadow DOM, a browser feature that fully isolates it: your theme's CSS can't accidentally break the widget, and the widget's styles can't leak into your page.
Does it show in my visitors' language?
Yes – the card reads your site's language and shows its labels in it automatically, in 30 languages. A French page gets a French card, a German page a German one; anything not covered yet falls back to English.
Will the widget slow my page down?
No – it is one script with no dependencies, about 75 kB is transferred, and it loads after your own content, plus one small data request. If the data fails to arrive the card still renders – with dashes instead of numbers, so nothing breaks your layout – and it tries again on the next refresh.
Can I show more than one destination?
Yes – paste one snippet per destination and each card renders on its own, so a hotel with two locations can show both. The script only needs to be included once per page, though a duplicate does no harm. The same goes for Widget Pro: one key covers one beach, and if you need several destinations on one site, that is what Widget Pro Multi is for.
Which beaches does the widget work for?
Any beach in the world. Either pick a destination from our map, or switch to the Anywhere tab and drop a pin on any coast – the pin does not have to land on water, the card finds the nearest sea itself. Both are free, and the card looks and works the same either way.
Does it use cookies or collect visitor data?
No – the widget sets no cookies, stores nothing on your visitors' devices and does no tracking – no personal data at all. It only fetches the temperature reading, so it's safe to embed anywhere and won't affect your cookie banner or privacy policy.
Does the widget send my visitors to your site?
The free card does – the whole card is a link: to that destination's page for a beach from our map, or to that spot's detail view for your own coordinate. A small source line sits under it too. That is what you give in return for having it free. A licensed Widget Pro card is not a link at all: no source line, no click-through, so your visitor stays on your site.
What happens when a Widget Pro licence expires?
The card keeps working – sea, air, weather and UV all keep updating. It simply goes back to being the free card: our small SeaTempMap.com credit reappears on it and the paid extras are no longer shown. Nothing breaks and nothing disappears – renew the licence and the card is exactly as it was.