Crea tu widget del clima gratuito
Clima en vivo para cualquier ciudad, totalmente personalizable. Una línea de HTML — funciona en cualquier sitio (WordPress, Shopify, Wix, HTML simple, en cualquier lugar). Gratis para siempre.
1. Elige ciudad
/fr/paris → city=paris&country=fr2. Tamaño
3. Apariencia
4. Idioma + unidades
5. Mostrar / ocultar secciones
Vista previa en vivo
El widget meteorológico gratuito que cualquier sitio web puede incorporar en 60 segundos
El widget de weather.now muestra las condiciones actuales en vivo y un pronóstico de 7 días para cualquier ciudad del mundo, en cualquiera de los 38 idiomas. Elige una ciudad, copia un breve fragmento de HTML, pégalo en tu página. Esa es toda la instalación. Sin complementos, sin cuenta, sin clave API, sin pago.
Úsalo en un blog, una página de hotel, un alquiler vacacional, un anuncio inmobiliario, un portal escolar, una guía de viajes, una marina, una estación de esquí, una tienda de Shopify — en cualquier lugar donde una página se beneficie de mostrar el clima en ese momento.
El fragmento hace dos cosas a la vez. Para tus visitantes, se muestra como una tarjeta meteorológica limpia y estilizada. Para los motores de búsqueda, lectores RSS y lectores de pantalla, se muestra como una cita HTML semántica: el nombre de la ciudad, un enlace a su página de pronóstico y el crédito a weather.now. Ambas cosas desde una sola línea de código.
Por qué la gente elige este widget meteorológico gratuito
- Gratis para siempre. Sin registro, sin clave API, sin límite de uso, sin tarjeta de crédito. Solo pega y listo.
- Personaliza todo. Tema claro, oscuro o automático. Color de acento, color de fondo, color de texto, radio de las esquinas, tamaño de fuente, tamaño del widget y qué secciones mostrar.
- 38 idiomas. Inglés, español, francés, alemán, portugués, italiano, neerlandés, ruso, árabe, chino (simplificado y tradicional tanto para Hong Kong como para Taiwán), japonés, coreano, vietnamita, turco, polaco, checo, eslovaco, griego, hebreo, tailandés, indonesio, malayo, finés, noruego, sueco, danés, rumano, húngaro, búlgaro, ucraniano, lituano, letón, estonio, esloveno, serbio e islandés.
- Elige tu formato de fecha y hora. 12 horas con AM/PM o 24 horas. Nombres de los días de la semana, MM/DD, DD/MM o fechas con nombre del mes.
- Elige tus unidades. Celsius o Fahrenheit. Velocidad del viento métrica o imperial. Una elección por widget.
- Se adapta a cualquier diseño. Presentaciones predefinidas de banner, cuadrado, estándar o completo, o redimensiona arrastrando la previsualización a cualquier tamaño entre 180×80 y 1200×1000 píxeles. El widget reajusta su contenido automáticamente al cambiar el contenedor.
- Rápidísimo. HTML renderizado en servidor, sin bibliotecas externas de JavaScript, sin descargas de fuentes, sin scripts de seguimiento. El script de carga es de aproximadamente 1 KB; el widget renderizado pesa de 6 a 8 KB comprimido (gzip).
- Funciona en cualquier plataforma. WordPress, Shopify, Wix, Squarespace, Webflow, Ghost, Joomla, Drupal, sitios de Notion, HTML plano, aplicaciones de una sola página — en cualquier lugar donde se permita un pequeño fragmento de HTML.
- Diseñado para SEO. El fragmento incluye un bloque de cita real e indexable que contiene el nombre de la ciudad y un enlace a su página de pronóstico. Los motores de búsqueda lo ven en el momento en que rastrean tu página, antes de que se ejecute el script del widget.
Cómo funciona la inserción
El fragmento que pegas es un pequeño bloque de cita HTML seguido de una etiqueta de script de una línea. Por sí solo, ese bloque ya es contenido válido y legible: un encabezado con el nombre de la ciudad, un enlace a su página de pronóstico completa y una línea de crédito a weather.now. Los rastreadores lo ven tan pronto como llegan a tu página.
Cuando la página se carga en un navegador que ejecuta JavaScript, nuestro script de carga (alrededor de 1 KB, cargado de forma asíncrona) reemplaza el bloque de cita con el widget de clima en vivo con estilo. Tus visitantes humanos ven el widget renderizado. Los rastreadores, lectores RSS, lectores de pantalla, clientes de correo electrónico y cualquier contexto sin JavaScript ven la alternativa de cita limpia. Nada se oculta, nada se pierde.
Este es el mismo enfoque que Twitter, Instagram y Reddit utilizan para sus incrustaciones: una alternativa semántica en HTML que se mejora a un widget enriquecido. No necesitas escribir JavaScript, configurar un iframe ni preocuparte por scripts que bloqueen el renderizado. Pegas, publicas, funciona.
Preguntas frecuentes
¿El widget meteorológico es realmente gratuito?
Sí, completamente gratuito, sin necesidad de registro, sin clave de API y sin límite de uso. Solo te pedimos que mantengas visible el pequeño crédito de weather.now en el fragmento. Ese crédito es cómo los nuevos usuarios nos descubren y lo que nos permite mantener el widget gratuito para todos.
¿Cómo instalo el widget en WordPress?
En el editor de bloques (Gutenberg) agrega un bloque de HTML personalizado y pega el fragmento. En el editor clásico cambia a la pestaña Texto o HTML y pégalo allí. En Elementor o Divi usa el widget HTML. No se necesita modificar ningún plugin ni tema.
¿Cómo lo instalo en Shopify?
Abre el editor de temas, agrega una sección de HTML personalizado a cualquier página y pega el fragmento. Para un widget en todo el sitio en el pie de página o la barra lateral, edita theme.liquid y pega el fragmento donde quieras que aparezca. También funciona en páginas de productos y artículos de blog.
¿Cómo lo instalo en Wix o Squarespace?
Ambos editores tienen un bloque de inserción HTML. En Wix agrega un elemento Embed HTML y pega el fragmento. En Squarespace agrega un bloque de Código (configurado como HTML) y pega el fragmento. El widget se renderiza correctamente dentro de ambos entornos.
¿Puedo mostrar pronósticos para varias ciudades en la misma página?
Sí — pega el fragmento tantas veces como quieras, uno por ciudad. Cada widget se carga de forma independiente y se almacena en caché por separado en el borde, por lo que agregar más ciudades no ralentiza la página.
¿El widget del clima ralentiza mi sitio web?
Sin impacto medible en Core Web Vitals. El script de carga tiene alrededor de 1 KB y se carga de forma asíncrona. El widget en sí se carga de forma diferida — no se renderiza hasta que el visitante se desplaza cerca de él. El payload renderizado promedia de 6 a 8 KB comprimido con gzip, servido desde una CDN con latencia inferior a 100 milisegundos en todo el mundo.
¿Puedo cambiar los colores y tamaños después de instalar el widget?
Sí: cada opción es un atributo HTML simple en el fragmento. Cambia un número o un color hexadecimal en el código pegado y el widget se actualizará la próxima vez que se cargue la página. No se necesita un archivo CSS ni un paso de compilación. O vuelve al generador de arriba, diseña una nueva variante y copia un fragmento nuevo.
¿Qué tan actualizados están los datos meteorológicos?
Las condiciones actuales se actualizan cada 5 a 10 minutos en nuestros servidores. El widget obtiene los datos de la caché en vivo, por lo que tus visitantes siempre ven el clima actualizado sin que tengas que hacer nada.
¿Qué fuentes de datos meteorológicos usan?
Agregamos datos de los principales proveedores meteorológicos globales y elegimos la fuente de mayor resolución disponible para cada ciudad. La cobertura es mundial: todos los países habitados y más de 2.8 millones de ciudades y pueblos, incluidos lugares remotos que la mayoría de las API no cubren.
¿El widget cumple con el RGPD?
Sí. El widget no establece cookies, no ejecuta scripts de seguimiento, no identifica a los usuarios ni utiliza las direcciones IP de los visitantes para análisis. Las únicas llamadas de red que realiza son a weather.now para obtener el HTML del widget y los iconos meteorológicos — el mismo tipo de llamada que hace tu sitio al incrustar un video de YouTube o un mapa de Google. No necesitas añadirlo a un banner de cookies.
¿Funciona el widget si los visitantes tienen JavaScript desactivado?
Sí — ven el HTML de respaldo: el nombre de la ciudad, un enlace funcional a su página de pronóstico completa en weather.now, y el crédito a weather.now. El widget estilizado solo aparece cuando se ejecuta el script de carga.
¿Puedo usar el widget en una página AMP?
AMP elimina los scripts personalizados, por lo que el widget en vivo no se mostrará en páginas AMP. El fallback HTML (nombre de la ciudad, enlace al pronóstico, línea de crédito) es marcado AMP válido y se muestra con normalidad, lo cual es suficiente para la mayoría de los casos.
¿Puedo forzar un idioma específico independientemente de dónde vengan los visitantes?
Sí — selecciona la opción de idioma en el generador entre los 38 idiomas disponibles y el widget se mostrará siempre en ese idioma. Déjalo en Automático y el widget usará el idioma del navegador de cada visitante.
¿Listo para añadir el clima a tu sitio web?
Vuelve arriba, busca tu ciudad, elige el tamaño y los colores, y copia el código. Todo el proceso toma menos de un minuto y tus visitantes obtienen un pronóstico del tiempo en vivo para siempre, sin costo alguno.