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 gratisEste es el widget real, que muestra la temperatura y el tiempo actuales – 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">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 tus visitantes
- Tu propia línea superior, hora local, °C/°F y aspecto claro u oscuro
- 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
El widget gratuito tiene un pequeño enlace a SeaTempMap.com bajo la tarjeta, y al hacer clic abre nuestra web. Widget Pro elimina ambos – la tarjeta es toda tuya – y añade lo que un hotel necesita: previsión de mar y aire de 10 días, tu nombre en la tarjeta y algo que mostrar fuera de temporada. Menos de lo que cuesta una noche reservada, para todo un año.
Widget Pro
- 1 web / 1 destino
- 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
- 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
Para un destino en una web – cualquier número de tarjetas en cualquier combinación: p. ej. la previsión de 10 días en tu página y una pequeña en el pie
Obtener Widget ProWidget Pro Multi
- 1 web / varios destinos
- Everything in Widget Pro – on every card across your site
- Para turoperadores y cadenas hoteleras con muchos establecimientos en una sola web
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ónPreguntas 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 debajo de la tarjeta; esa mención es lo que mantiene el widget gratuito. La versión de pago Widget Pro (99 € / año) lo elimina y añade la previsión a 10 días, tu propio nombre en la tarjeta y el modo de temporada baja.
¿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 sin dependencias, se transfieren unos 75 kB y se carga después de tu propio contenido, además de una minúscula petición de datos. Si los datos no logran llegar, la tarjeta se renderiza igual – con guiones en lugar de números, por lo que nada rompe tu diseño – 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?
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.
¿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.