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, donde sea). Gratis para siempre.
1. Elegir ciudad
/fr/paris → city=paris&country=fr2. Tamaño
3. Aspecto
4. Idioma y unidades
5. Mostrar / ocultar secciones
Vista previa en vivo
El widget meteorológico gratuito que cualquier sitio web puede insertar en 60 segundos
El widget 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 fragmento HTML corto, pégalo en tu página. Así de simple es 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, un puerto deportivo, una estación de esquí, una tienda Shopify, en cualquier lugar donde una página se beneficie de mostrar el clima en tiempo real.
El fragmento hace dos cosas a la vez. Para tus visitantes se muestra como una tarjeta meteorológica limpia y con estilo. 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 crédito a weather.now. Ambos 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 esquina, 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 para Hong Kong y 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 en sistema métrico o imperial. Una elección por widget.
- Se adapta a cualquier diseño. Predefinidos de banner, cuadrado, estándar o completo, o redimensiona arrastrando la vista previa a cualquier tamaño entre 180×80 y 1200×1000 píxeles. El widget reorganiza su contenido automáticamente al cambiar el contenedor.
- Rápidísimo. HTML renderizado en servidor, sin bibliotecas JavaScript externas, sin descargas de fuentes, sin scripts de rastreo. El script de carga pesa alrededor de 1 KB; el widget renderizado pesa de 6 a 8 KB comprimido.
- Funciona en todas las plataformas. 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 HTML.
- Diseñado para SEO. El fragmento incluye un bloque de citas real e indexable con el nombre de la ciudad y un enlace a su página de pronóstico. Los motores de búsqueda lo ven en cuanto rastrean tu página, antes de que el script del widget siquiera se ejecute.
Cómo funciona la inserción
El fragmento que pegas es un pequeño bloque HTML de citas seguido de una etiqueta 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 en cuanto 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 citas 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 citas limpia. Nada se oculta, nada se pierde.
Este es el mismo enfoque que utilizan Twitter, Instagram y Reddit para sus inserciones: una alternativa HTML semántica que se mejora hasta convertirse en 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 del clima es realmente gratuito?
Sí, completamente gratuito, sin registro, sin clave 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) añade 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 ningún plugin ni modificación del tema.
¿Cómo instalo en Shopify?
Abre el editor de temas, agrega una sección de HTML personalizado en 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 dentro de páginas de producto y artículos del blog.
¿Cómo lo instalo en Wix o Squarespace?
Ambos editores tienen un bloque de inserción de HTML. En Wix añade un elemento Embed HTML y pega el fragmento. En Squarespace añade 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 de 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?
No tiene un impacto medible en los Core Web Vitals. El script de carga pesa 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 cargue la página. No se necesita ningún archivo CSS ni 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 del clima?
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 utilizan?
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 poblados y más de 2.8 millones de ciudades y pueblos, incluyendo ubicaciones remotas que la mayoría de las APIs pasan por alto.
¿El widget cumple con el RGPD?
Sí. El widget no establece cookies, no ejecuta scripts de seguimiento, no identifica a los usuarios ni utiliza 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 del clima, el mismo tipo de llamada que hace tu sitio al incrustar un video de YouTube o un mapa de Google. No es necesario agregarlo a un banner de cookies.
¿El widget funciona si los visitantes tienen JavaScript desactivado?
Sí: ven la alternativa HTML: el nombre de la ciudad, un enlace funcional a su página de pronóstico completa en weather.now y el crédito de 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 renderizará 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 normalmente, lo cual es suficiente para la mayoría de los casos de uso.
¿Puedo forzar un idioma específico independientemente de dónde vengan los visitantes?
Sí: configura la opción de Idioma en el generador en cualquiera de los 38 idiomas disponibles y el widget siempre se mostrará en ese idioma. Déjalo en Automático y el widget seguirá el idioma del navegador de cada visitante.
¿Listo para añadir el clima a tu sitio web?
Desplázate hacia 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 obtendrán un pronóstico del tiempo en vivo para siempre, sin costo alguno.