Weatheo

Widget del tiempo para WordPress

Muestra la previsión, el radar de lluvia, la calidad del aire o el polen de cualquier localidad en tu web de WordPress. Sin plugins que instalar: elige un widget, copia el código y pégalo en un bloque «HTML personalizado».

Gratis, sin registroSin pluginsSin anuncios ni límite de visitasUnos 2 kB de script

Crea tu widget

Gratis. Sin cuenta y sin plugins.

El tiempo en Madrid por Weatheo

Salida y puesta del sol y luna en Madrid por Weatheo

El tiempo en Madrid por Weatheo

Widgets que puedes añadir

Nueve widgets, cada uno en estilo claro, oscuro o azul. Estos ejemplos muestran datos en directo; el tuyo mostrará el lugar que elijas.

Previsión a 5 días

Hoy y los próximos cuatro días

El tiempo en Madrid por Weatheo

Personalizar

Sol y luna

Salida y puesta del sol, fase lunar

Salida y puesta del sol y luna en Madrid por Weatheo

Personalizar

El tiempo en la región

Las principales localidades de una región

Personalizar

Radar de lluvia

Mapa interactivo, próximas 48 horas

Personalizar

Ver todos los widgets

Obtener el código

Elige un widget, un lugar, un estilo, el idioma y las unidades. La vista previa se actualiza sobre la marcha; copia el código cuando te guste el resultado.

Widget
Lugar
Estilo
Unidades
Código para insertar

Vista previaCargando…

Código para insertar

Script: la versión recomendada. Se adapta al ancho de la columna en la que está y solo se carga cuando está a punto de aparecer en pantalla.
Cómo añadir el widget en WordPress
Elige la forma en que editas tu web. En un WordPress autoalojado, solo los usuarios con la capacidad unfiltered_html pueden guardar código script o iframe: los administradores y editores en un sitio individual, y solo los superadministradores en una red multisitio. Para cualquier otro usuario, WordPress elimina el código al guardar la página.
Editor de bloques (Gutenberg)
El editor predeterminado de entradas y páginas desde WordPress 5.0.
  1. Abre la entrada o la página donde quieres que aparezca el widget.
  2. Haz clic en el botón + y añade un bloque «HTML personalizado».
  3. Pega el código del widget en el bloque.
  4. Haz clic en «Vista previa» en la barra de herramientas del bloque para comprobar el widget y, después, actualiza o publica la página.
Editor clásico
Si tu web usa el plugin Classic Editor o una versión antigua de WordPress.
  1. Abre la entrada o la página.
  2. Cambia a la pestaña «Texto», encima del área de edición, no a la pestaña «Visual».
  3. Pega el código del widget donde quieras que aparezca.
  4. Guarda o actualiza y luego mira la página. No vuelvas a «Visual» antes de guardar, porque puede alterar el código.
Elementor
Elementor tiene su propio widget HTML para el código incrustado.
  1. Edita la página con Elementor.
  2. Arrastra el widget HTML a la sección donde quieres que aparezca el tiempo.
  3. Pega el código del widget en su campo «Código HTML».
  4. Actualiza la página y mírala publicada: algunas vistas previas del editor no ejecutan scripts.
Divi
En Divi, el código incrustado va en un módulo Code.
  1. Abre la página en el Divi Builder.
  2. Añade un módulo Code a una fila.
  3. Pega el código del widget en el módulo y guárdalo.
  4. Guarda la página y compruébala en la web publicada.
WordPress.com
Los sitios alojados en WordPress.com tienen sus propias reglas para el código incrustado.
  1. Las etiquetas script e iframe solo están disponibles en sitios con un plan que permite plugins y con las funciones de alojamiento activadas.
  2. En esos sitios, añade un bloque «HTML personalizado», pega el código y publica, igual que en los pasos del editor de bloques.
  3. En los demás sitios de WordPress.com no se acepta ni la versión script ni la versión iframe.
Lo que obtienes
Sin plugins
Nada que instalar, actualizar ni hacer compatible con tu tema. El widget es una línea de código en un bloque.
Ligero para tus páginas
El script pesa unos 2 kB comprimido, se carga de forma asíncrona y solo pide un widget cuando está cerca de la zona visible.
Nueve widgets
Previsión por horas y a 5 días, sol y luna, clima, radar de lluvia, previsión para un evento, el tiempo en la región, calidad del aire y polen (Europa).
Se adapta a tu web
Tres estilos (claro, oscuro, azul), unidades métricas o imperiales y doce idiomas.
Siempre actualizado
El widget actualiza sus datos solo. Lo pegas una vez y te olvidas.
Gratis y sin anuncios
Sin registro, sin anuncios y sin límite de visitas. La única condición es mantener la pequeña línea de crédito bajo el widget.
Preguntas sobre el widget del tiempo para WordPress
¿Necesito un plugin?
No. El widget es un breve fragmento de HTML que pegas en un bloque «HTML personalizado», en la pestaña «Texto» del editor clásico o en un widget «HTML personalizado». No hay nada que instalar ni actualizar.
¿Es gratis?
Sí. Sin registro, sin anuncios y sin límite de visitas. La única condición es mantener el enlace de crédito bajo el widget.
¿Hará más lenta mi web de WordPress?
El script pesa unos 2 kB comprimido, se carga de forma asíncrona y solo pide un widget cuando está a punto de aparecer en pantalla, así que no frena el resto de la página.
¿Funciona en WordPress.com?
Solo en sitios con un plan que permite plugins y con las funciones de alojamiento activadas: son los sitios de WordPress.com que aceptan etiquetas script e iframe. En los demás sitios de WordPress.com no se acepta ni la versión script ni la versión iframe.
¿Funciona con Elementor, Divi y otros maquetadores?
Sí. Usa el widget HTML de Elementor o el módulo Code de Divi. Si tu maquetador o un plugin de seguridad elimina las etiquetas script, elige la versión iframe en el generador de código.
¿Puedo ponerlo en la barra lateral o en el pie de página?
Sí. Con un tema clásico, añade un widget «HTML personalizado» en Apariencia > Widgets. Con un tema de bloques, abre Apariencia > Editor y añade un bloque «HTML personalizado» a la parte de plantilla de la barra lateral o del pie de página.
¿Puede cada visitante ver el tiempo de donde está?
Sí. En el generador de código, elige «Ubicación del visitante» en lugar de una ciudad. Así cada visitante ve el tiempo de su propia zona.
¿Qué idiomas y unidades hay?
Doce idiomas y unidades métricas (°C) o imperiales (°F). Eliges ambas cosas en el generador de código antes de copiar el código.
¿Por qué desaparece el código al guardar?
WordPress elimina el código script e iframe que guardan los usuarios sin la capacidad unfiltered_html. En un sitio individual la tienen los administradores y los editores; en una red multisitio, solo los superadministradores. Pide a alguien con ese rol que añada el widget, o comprueba que lo pegaste en un bloque «HTML personalizado» y no en un párrafo.
Añade el tiempo a tu web de WordPress
Elige un widget y un lugar, copia una línea de código y pégala en un bloque «HTML personalizado».
Crea tu widget