SeaTempMap Live Sea Temperature Widget

Guests want to know one thing before they book a beach holiday: how warm is the water. This plugin puts that number on your site, updated through the day.

The card shows the current sea temperature at the beach you choose, plus air temperature, weather and the UV index. Sea temperatures come from NASA satellite data, sampled at the swimming area rather than out at sea.

Cannot find your beach? The list covers 174 beaches and coastal cities and it keeps growing. If yours is missing, email hello@seatempmap.com with the name and we will look at adding it. New beaches appear in the picker on their own, with no plugin update needed.

How it looks

The card renders in an isolated shadow root, so your theme’s CSS cannot break it and its styling cannot leak into your page. It reads your page’s background and picks a light or dark card to match, or you can force either one.

Features

• 174 beaches and coastal cities worldwide
• Celsius or Fahrenheit
• Light, dark, or automatic to match the visitor’s system
• Speaks 30 languages, following your page’s lang attribute by default
• Full card (sea, air, weather, UV) or a compact sea-only card
• Drop shadow on or off, so the card suits a flat design as well as a layered one
• Block editor block, and a [seatempmap] shortcode for classic themes and page builders
• Updates itself while the page is open. Nothing to maintain
• No account, no API key, no cost

Shortcode

Attributes: dest (required, the beach id), units (c or f), theme (auto, light, dark), show (both or sea), shadow (on or off), lang (a language code, or leave empty to follow your page).

Preview every option and find beach ids at seatempmap.com/embed.

External services

This plugin relies on seatempmap.com, a third-party service, to provide the temperature data and to draw the card.

The plugin itself only outputs a placeholder element. The card is drawn by widget/v1.js, which is the service’s own renderer rather than a copy of a general-purpose library hosted on a CDN. It is loaded from the service because it must stay in step with the data format the service returns; bundling a copy would break every site the moment the format changed.

What is sent and when

1. On a page containing the widget, the visitor’s browser loads the card script from https://seatempmap.com/widget/v1.js and then requests https://seatempmap.com/api/widget with the beach id, unit and language you configured. As with any request to a third-party server, the visitor’s IP address and user agent are visible to it. No cookies are set, no identifiers are stored, and nothing about the visitor or your site’s content is sent.
2. In the admin, your server requests https://seatempmap.com/api/widget/destinations to list the available beaches. This is cached for a day and sends nothing about your site.

Service provided by Sea Temp Map: terms of service, privacy policy.