Widget del tiempo y temperatura del mar gratis para tu web

Añade un widget de temperatura del mar y el tiempo gratis a tu sitio web – sin registro ni clave API. Funciona para cualquier playa del mundo: elige un destino en nuestro mapa o pon un marcador en cualquier costa, y pega el código en WordPress, Wix o HTML puro. La tarjeta de cristal esmerilado muestra la temperatura del agua en vivo junto a la temperatura del aire, el tiempo y el índice UV, y toma sus colores y su idioma de la página que la aloja. Widget Pro añade una previsión de 10 días y elimina el enlace de SeaTempMap.com.

Elige un destino

Vista previa

Funciones gratis

Este es el widget real, que muestra la temperatura y el tiempo actuales – exactamente lo que verán tus visitantes. Funciona en Chrome y Edge; Safari y Firefox muestran Cristal.

Temperatura
Viento
Tema
Sombra
Escala
Línea sup.
Funciones Pro
Sin previsión
Con previsión
Diseño
Temp. baja

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" data-bar="off">
  <a href="https://seatempmap.com/destinations/santorini" target="_blank" rel="noopener">SeaTempMap.com</a>
</div>
<script async src="https://seatempmap.com/widget/v1.js"></script>

Pégalo donde quieras que aparezca la tarjeta.

Gratis

0 €
  • Cualquier playa del mundo – de nuestro mapa, o con un pin en cualquier punto de la costa
  • Temperatura del mar y del aire, tiempo e índice UV – en el idioma de tu página
  • Tu propia línea superior, hora local, °C/°F y temas claro, oscuro, cristal esmerilado o Liquid Glass
  • Mantiene un pequeño enlace a SeaTempMap.com debajo de la tarjeta

Gratis · Sin registros · Sin cookies de seguimiento

Widget Pro – tu widget, tu marca

Widget Pro elimina el enlace de atribución y el clic hacia nuestra web, y añade el diseño detallado, la previsión de 10 días y el modo fuera de temporada. Elige una licencia anual para uno o varios destinos en una web.

Widget Pro Multi

1 web / varios destinos

299 € / año

Para turoperadores y cadenas hoteleras con muchos establecimientos en una sola web

  • Everything in Widget Pro – on every card across your site
  • Sin enlace a SeaTempMap.com ni clics de salida – la tarjeta se lee como parte de tu web
  • Previsión de 10 días de temperatura del mar y del aire – directamente en la tarjeta
  • Detallado – Viento, humedad, presión y visibilidad actuales, junto con mar, aire, tiempo e índice UV. Sin previsión.
  • Tu propio nombre en la tarjeta – tu hotel en lugar de la playa, si quieres
  • Fuera de temporada – si el mar baja de la temperatura fijada, la tarjeta muestra tiempo y UV
Obtener Widget Pro Multi

Pago seguro con factura con IVA. Recibirás tu clave de licencia por correo electrónico en 24 horas, con el código listo para pegar.

Política de reembolsoGestionar suscripción

¿Qué tarjeta encaja en tu web?

Hay cuatro diseños. Widget Pro y Pro Multi son licencias que desbloquean los diseños de pago; puedes probarlos en la vista previa antes de comprar.

Básico

Temperatura actual del mar y del aire, tiempo e índice UV. Sin previsión.

Gratis

Detallado

Viento, humedad, presión y visibilidad actuales, junto con mar, aire, tiempo e índice UV. Sin previsión.

Widget Pro

Compacta

Previsión de temperatura del mar y del aire para 10 días en dos filas de cinco, para espacios estrechos.

Widget Pro

Ancha

Previsión de temperatura del mar y del aire para 10 días en una fila. Pasa al diseño compacto cuando falta espacio.

Widget Pro

Para hoteles, alojamientos vacacionales y agencias de viajes

Muestra juntos la temperatura del mar y el tiempo en la playa de tu hotel, o añade una tarjeta a cada destino. Pro cubre un destino en una web; Multi, varios destinos en una web. Ninguna licencia incluye automáticamente otras webs en dominios distintos.

Preguntas frecuentes

¿Cómo añado el widget de temperatura del mar a mi sitio web?

Elige un destino, copia el código y pégalo donde quieras la tarjeta. La página o el bloque HTML debe permitir JavaScript externo. Si el editor elimina las etiquetas script, usa la configuración de código personalizado o consulta al administrador. Comprueba el widget en la página publicada.

¿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 debajo de la tarjeta; esa mención es lo que mantiene el widget gratuito. Widget Pro (99 € / año) elimina tanto el enlace de atribución como el acceso a nuestra web al pulsar la tarjeta. También añade la previsión a 10 días, un nombre de destino personalizado, el modo de temporada baja y el diseño Detallado con viento, humedad, presión y visibilidad.

¿De dónde proceden los datos y con qué frecuencia se actualizan?

La temperatura del mar usa datos satelitales de NASA en una cuadrícula de 1 km, con una corrección horaria de la base diaria por SeaTempMap. Es una estimación, no una medición en tu playa. Apple Weather aporta el tiempo y los datos atmosféricos. Con la página visible, el widget solicita datos cada 30 minutos; no son nuevas mediciones satelitales cada vez. Los valores ausentes aparecen como --.

¿Se adaptará al diseño de mi sitio web?

Puedes elegir Liquid Glass, cristal esmerilado, un tema claro u oscuro o el modo automático, que se adapta al fondo de la página. Liquid Glass añade un efecto de refracción del fondo en las versiones compatibles de Chrome y Edge. En iPhone y iPad, así como en Safari y Firefox, se muestra cristal esmerilado; los datos y los controles funcionan igual.

¿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.

¿Cómo se elige el idioma del widget?

El widget adopta el idioma de la página en la que está insertado, no el del navegador del visitante. Admite 30 idiomas; si el idioma no está disponible, utiliza el inglés. También puedes fijarlo directamente en el código de inserción.

¿Ralentizará el widget mi página?

El widget carga un único script sin bibliotecas externas, de forma asíncrona para no bloquear la visualización de la página. Se transfieren unos 75–90 kB según la compresión, además de las solicitudes de datos actualizados. Si los datos no se pueden cargar, la tarjeta sigue apareciendo con guiones en lugar de números, sin alterar el diseño de la página, y vuelve a intentarlo en la siguiente actualización.

¿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 puede mostrar ambas. El script solo necesita incluirse una vez por página, aunque si se duplica no pasa nada. Lo mismo se aplica a Widget Pro: una clave cubre una playa, y si necesitas varios destinos en una web, para eso está Widget Pro Multi.

¿Para qué playas funciona el widget?

Para cualquier playa del mundo. Elige un destino de nuestro mapa o cambia a la pestaña Donde sea y coloca un marcador en cualquier costa: no hace falta que el marcador caiga sobre el agua, la tarjeta encuentra el mar más cercano por sí sola. Ambas opciones son gratuitas, y la tarjeta tiene el mismo aspecto y funciona igual de ambas formas.

¿Utiliza cookies o recopila datos de los visitantes?

El widget no instala cookies ni rastrea visitantes con fines publicitarios. Al cargarlo se envían solicitudes técnicas a SeaTempMap; las direcciones IP se utilizan para evitar abusos. Esto no equivale a no tratar ningún dato. Describe los servicios externos que utilizas en la información de privacidad de tu web.

¿Envía el widget a mis visitantes a vuestra página?

La tarjeta gratuita sí: toda la tarjeta es un enlace, ya sea a la página de ese destino para una playa de nuestro mapa, o a la vista de detalle de ese punto para tu propia coordenada. Debajo también hay una pequeña línea con la fuente. Eso es lo que das a cambio de tenerla gratis. Una tarjeta con licencia Widget Pro no es un enlace en absoluto: sin línea de fuente, sin clics, por lo que tu visitante se queda en tu sitio.

¿Qué pasa cuando caduca una licencia de Widget Pro?

La tarjeta sigue funcionando – mar, aire, tiempo y UV se siguen actualizando. Simplemente vuelve a su forma gratuita: nuestro pequeño crédito de SeaTempMap.com reaparece en ella y los extras de pago dejan de mostrarse. Nada se rompe y nada desaparece – renueva la licencia y la tarjeta estará exactamente como antes.

¿Qué muestra el diseño Detallado y cuándo puedo usarlo?

El diseño Detallado está disponible con Widget Pro. Es una tarjeta ancha con las condiciones actuales, en lugar de una previsión a 10 días. Reúne en una sola fila el destino, el tiempo, las temperaturas del aire y del mar y los indicadores circulares de UV, viento, humedad, presión y visibilidad. Puedes probarlo en el generador antes de comprarlo; para usarlo en tu web necesitas una licencia Widget Pro válida.

¿Cómo se configuran las unidades de temperatura y viento?

Elige °C o °F en el código de inserción. El diseño Detallado tiene un ajuste independiente para el viento: automático, km/h, mph o m/s. La opción automática utiliza la configuración de idioma y región del navegador del visitante, independientemente del idioma de la página y de las unidades de temperatura. Así, un visitante británico puede ver °C y mph, y uno japonés, °C y m/s. Si fijas una unidad de viento, será la misma para todos los visitantes.