
Mostrar el tiempo en WordPress ya no consiste en pegar cualquier widget en la barra lateral. Hoy puedes usar un bloque, un shortcode, un servicio externo o una integración propia con una API meteorológica. La elección depende de cuánto control necesites, de la frecuencia de actualización y de cómo quieras cuidar el rendimiento y la privacidad.
Este artículo parte de una guía publicada en 2012, cuando eran habituales widgets como el de eltiempo.es y plugins que trabajaban con servicios que ya no forman parte de la recomendación actual. Hemos retirado esas referencias antiguas y revisado las opciones disponibles en septiembre de 2026.
Los antiguos enlaces de eltiempo.es, WP Google Weather y Weather and Weather Forecast Widget ya no son una base fiable para una guía actual. Algunos enlaces del directorio antiguo han cambiado o dejaron de ser válidos, y los servicios meteorológicos de entonces han modificado sus API, sus límites y sus condiciones de uso.
La alternativa moderna suele apoyarse en un bloque de Gutenberg o en un shortcode. Así se puede mostrar una previsión en una página, una entrada, un widget o una plantilla sin depender de código antiguo. También es más fácil adaptar el diseño a móvil y cargar los recursos solo donde hacen falta.
Es la opción recomendada si quieres publicar el tiempo de una ciudad sin desarrollar una integración. Under The Weather ofrece un bloque propio para el editor, shortcode y colocación manual. Su ficha indica que utiliza la API de OpenWeather, guarda las respuestas en caché mediante transitorios de WordPress y permite mostrar condiciones actuales, previsión de hasta seis días, viento, alertas y horas de salida y puesta del sol.
Necesita una clave de OpenWeather, por lo que hay que revisar sus límites y condiciones antes de activarlo. La caché reduce llamadas repetidas, pero no elimina la necesidad de comprobar que el servicio sigue respondiendo y que la información se actualiza con la frecuencia que necesita tu web.
Otra alternativa es Location Weather. Su ficha del directorio ofrece bloque, shortcode y compatibilidad con editores visuales como Elementor, además de conexión con OpenWeather y WeatherAPI. En la consulta realizada para esta actualización aparecía probado con WordPress 7.1, aunque estos datos pueden cambiar y conviene confirmarlos antes de instalarlo.
Algunos servicios meteorológicos generan un código para pegarlo en un bloque HTML personalizado o en un widget. Es cómodo porque el proveedor se encarga de consultar los datos, pero cada visita puede cargar recursos desde otro dominio. Antes de elegirlo, comprueba si añade cookies, publicidad, seguimiento, una marca visible o un aviso de atribución.
También debes comprobar que el widget funciona en móvil, no deja un espacio vacío mientras carga y sigue siendo legible con contraste suficiente. Si el proveedor cambia su código, limita el servicio o retira el widget, el contenido puede dejar de aparecer sin que hayas modificado WordPress.
Una integración propia tiene sentido para una web de viajes, un medio local, una agenda de eventos o un proyecto que necesita varias ubicaciones. El servidor consulta la API usando coordenadas, guarda la respuesta durante un tiempo razonable y entrega a los visitantes solo los datos necesarios.
Open-Meteo ofrece una API con previsión horaria y diaria. Su página indica que no necesita clave ni registro para su uso gratuito no comercial, pero sus datos se distribuyen con licencia CC BY 4.0 y requieren atribución. Para uso comercial o un volumen alto hay que revisar sus planes y condiciones.
Si la web está orientada a España, también puedes consultar Meteo.es para contrastar la previsión de una ciudad, revisar los avisos meteorológicos, consultar mapas o enlazar información sobre calidad del aire. Es una referencia útil para el editor del sitio, aunque no sustituye la integración técnica que necesites en tu propia página.
https://api.open-meteo.com/v1/forecast?latitude=40.4168&longitude=-3.7038¤t=temperature_2m,weather_code&daily=temperature_2m_max,temperature_2m_min&timezone=Europe%2FMadridLenguaje del código: JavaScript (javascript)
La URL anterior es un ejemplo para Madrid. En una web real tendrías que convertir la respuesta JSON en HTML accesible, controlar los errores y mostrar una línea como “Datos meteorológicos: Open-Meteo” junto a un enlace a la licencia. No conviene consultar la API directamente desde el navegador en cada visita si puedes cachear el resultado en el servidor.
Un widget meteorológico no debería convertir cada visita en una llamada a un servicio externo. La caché del servidor reduce el número de peticiones y evita que una API lenta bloquee la página. Si el plugin carga JavaScript, debe hacerlo de forma condicional y respetando el sistema de carga de WordPress; la documentación oficial recomienda encolar los scripts desde el contexto adecuado y permite usar estrategias como defer cuando encajan.
No expongas claves privadas en el HTML ni en JavaScript público. Si el proveedor necesita una API key, guárdala en la configuración del servidor o del plugin. Revisa también si el servicio recibe la IP del visitante, si usa geolocalización automática y si tienes que informar o pedir consentimiento según el uso que hagas de esas funciones.
Por último, comprueba la previsión después de actualizar WordPress, el tema o el plugin. Una respuesta vacía, una unidad mal configurada o una fecha sin zona horaria pueden hacer que el widget parezca correcto y muestre información equivocada.
Para la mayoría de sitios, un plugin actualizado con bloque de Gutenberg es suficiente. Los widgets externos son válidos cuando aceptas sus condiciones y su forma de cargar recursos. La integración con API merece la pena cuando necesitas control sobre el diseño, varias localizaciones o una conexión con otros datos del sitio.
La clave está en mostrar una ubicación clara, indicar cuándo se actualizó la información, respetar la licencia de los datos y mantener la página rápida. Si el tiempo no es parte importante del contenido, una previsión sencilla y bien cacheada suele ser mejor que un panel lleno de mapas, animaciones y peticiones externas.
Fuentes: Under The Weather, Location Weather, Open-Meteo y documentación oficial de WordPress, consultadas el 10 de septiembre de 2026.
