Widget del tiempo y temperatura del mar gratis para tu web
Añade un widget del tiempo y temperatura del mar gratis a tu web en menos de un minuto. Elige entre 174 playas de todo el mundo, copia el código y pégalo donde quieras – en el footer, la barra lateral o un post del blog. La tarjeta de cristal esmerilado se funde con el fondo de cualquier página, adapta el color del texto y muestra las etiquetas en el idioma de tu web automáticamente, pareciendo parte de tu diseño. Muestra la temperatura del agua en vivo junto a la temperatura del aire, el tiempo y el índice UV. Funciona en WordPress, Wix o HTML puro y se actualiza solo – sin registros.
Elige un destino
Auto se funde con tu página – lee el fondo y elige claro u oscuro para que encaje.
Vista previa
Esta es la tarjeta real y en vivo – exactamente lo que verán tus visitantes.
Copia el código
<!-- 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>Pégalo donde quieras que aparezca la tarjeta.
Preguntas frecuentes
¿Cómo añado el widget de temperatura del mar a mi sitio web?
Elige un destino arriba, copia el fragmento de código y pégalo en el HTML de tu página donde quieras que aparezca la tarjeta: en el pie de página, en una barra lateral o dentro de un artículo. No hay que instalar nada ni crear ninguna cuenta: funciona en cualquier bloque de HTML o de inserción en WordPress, Wix, Squarespace, Shopify o en un sitio web programado a mano.
¿Es de verdad gratis el widget?
Sí – es gratuito tanto para webs personales como comerciales, sin registros, sin claves API y sin límites de tráfico. Lo único que pedimos es que mantengas el pequeño enlace a SeaTempMap.com en la tarjeta; esa mención es lo que nos permite seguir ofreciendo el widget de forma gratuita.
¿De dónde proceden los datos y con qué frecuencia se actualizan?
Las temperaturas del mar proceden de los datos de satélite de la NASA en una cuadrícula de 1 km (la misma lectura que ves en nuestro mapamundi). La temperatura del aire, el tiempo y el índice UV proceden de una señal global en directo, y la tarjeta se actualiza sola mientras la página permanece abierta, para que tus visitantes vean siempre las condiciones actuales.
¿Se adaptará al diseño de mi sitio web?
La tarjeta tiene un diseño de vidrio esmerilado (frosted glass): se adapta a cualquier fondo que tenga detrás y cambia automáticamente entre texto claro y oscuro, por lo que sigue siendo legible sobre cualquier color, foto o sección. Si prefieres bloquear su aspecto, puedes configurar data-theme como light o dark.
¿Tendrá el widget algún conflicto con los estilos de mi web?
No – la tarjeta se renderiza dentro de un Shadow DOM, una función del navegador que la aísla por completo: el CSS de tu tema no puede romper el widget por accidente, y los estilos del widget tampoco pueden filtrarse en tu página.
¿Se muestra en el idioma de mis visitantes?
Sí – la tarjeta detecta automáticamente el idioma de tu sitio web y muestra sus etiquetas en él (soporta 30 idiomas). Una página en francés mostrará la tarjeta en francés, y una página en alemán la mostrará en alemán; cualquier idioma que no esté cubierto aún se mostrará en inglés de forma predeterminada.
¿Ralentizará el widget mi página?
No – se trata de un único script muy ligero (menos de 20 kB comprimido, sin dependencias) que se carga de forma asíncrona después de tu contenido, además de una única petición de datos minúscula. Y si en algún momento los datos no se pudieran cargar, la tarjeta se oculta silenciosamente en lugar de romper el diseño de tu página.
¿Puedo mostrar más de un destino?
Sí – pega un fragmento de código por cada destino y cada tarjeta se renderizará de forma independiente, de modo que un hotel con dos ubicaciones distintas puede mostrar ambas. El script solo necesita incluirse una vez por página, aunque si se duplica no pasa nada.
¿Qué destinos están disponibles?
Disponemos de 174 playas y ciudades costeras seleccionadas en todo el mundo: desde el Mediterráneo y el Atlántico hasta el Caribe, el Sudeste Asiático y el Pacífico. Busca en la lista de arriba; si falta el tuyo, escríbenos a hello@seatempmap.com y estudiaremos la posibilidad de añadirlo.
¿Utiliza cookies o recopila datos de los visitantes?
No – el widget no instala cookies, no almacena nada en los dispositivos de tus visitantes y no realiza ningún tipo de seguimiento: no recopila ningún dato personal. Solo consulta la lectura de la temperatura, por lo que es completamente seguro insertarlo en cualquier parte y no afectará a tu banner de cookies ni a tu política de privacidad.