≡En resumen
- Un widget muestra datos o da acceso a una función concreta de una app o de una web sin abrirla por completo.
- Hay widgets de móvil, de escritorio, de páginas web y, en programación, «widget» también es cualquier control de interfaz, como un botón.
- En iPhone y Android se añaden manteniendo pulsado un espacio vacío de la pantalla de inicio y eligiendo la opción de widgets.
- En WordPress, los widgets son bloques de contenido para barras laterales y pies de página de los temas clásicos.
- Cada widget de terceros añade código a tu web: úsalos con medida para no penalizar la velocidad ni la privacidad.
01 ¿Qué es un widget?
Un widget es una pieza pequeña y autónoma de una interfaz que cumple una sola tarea: enseñarte la previsión del tiempo, tus próximas citas, la música que suena o un botón para iniciar una ruta. No sustituye a la aplicación: es un atajo visible que se actualiza solo y te ahorra abrirla.
El término se usa en varios contextos. En tu móvil y en tu ordenador, son las tarjetas que colocas en la pantalla. En una web, son los módulos que se insertan en una página, como un mapa o un bloque de reseñas. Y en programación de interfaces, un widget es cualquier elemento de la interfaz gráfica de usuario: botones, casillas o menús desplegables.
02 Tipos de widgets y ejemplos
Widgets de móvil
Tarjetas en la pantalla de inicio o de bloqueo: tiempo, calendario, batería, música, notas, actividad física o paquetes en camino.
Widgets de escritorio
Paneles en el ordenador con noticias, bolsa o tareas. Windows 11 los agrupa en un panel que se abre con Windows + W; macOS permite colocarlos en el escritorio.
Widgets web
Bloques que se insertan en una página, normalmente con JavaScript o un iframe: mapas, reseñas, botón de WhatsApp, chat, calendario de reservas o feed de Instagram.
Widgets de WordPress
Módulos que se colocan en las zonas de widgets del tema (barra lateral, pie de página): buscador, categorías, entradas recientes o un texto.
Widgets de interfaz (GUI)
En desarrollo, los controles con los que se construye cualquier pantalla: botones, campos de texto, listas o casillas.
Widgets de relojes y coches
Las complicaciones del Apple Watch o las tarjetas del sistema multimedia del coche siguen la misma idea: información útil de un vistazo.
| Aspecto | Widget | Aplicación | Plugin |
|---|---|---|---|
| Qué es | Una vista reducida o un atajo de una función | Un programa completo | Una extensión que añade funciones a otro software |
| Dónde vive | En la pantalla de inicio, el escritorio o una zona de una web | Se abre a pantalla completa | Dentro del programa que amplía (WordPress, navegador…) |
| Interacción | Limitada: consultar, tocar para abrir o una acción rápida | Completa | Depende de lo que añada |
| Ejemplo | El tiempo en la pantalla del móvil | La app del tiempo | Un plugin de WordPress que crea un widget de reseñas |
03 Cómo añadir widgets en el móvil y en el ordenador
-
1
iPhone: entra en modo edición
Mantén pulsado un widget o un espacio vacío de la pantalla de inicio hasta que las apps se muevan y toca Editar.
-
2
iPhone: añade el widget
Toca Añadir widget, elige la app, desliza para escoger el tamaño y pulsa Añadir widget. Termina con OK.
-
3
Android: abre los widgets
Mantén pulsado un espacio vacío de la pantalla de inicio y toca Widgets (el nombre puede variar según el fabricante).
-
4
Android: colócalo y ajusta el tamaño
Mantén pulsado el widget, arrástralo a su sitio y, si admite cambio de tamaño, estira los puntos del contorno.
-
5
Windows 11: abre el panel
Pulsa Windows + W o el icono de widgets de la barra de tareas y añade o quita tarjetas desde el propio panel.
04 Widgets en una página web y en WordPress
En una web, un widget suele ser un fragmento de código que te da un servicio externo: copias el script o el iframe y el bloque aparece en tu página. Así se integran mapas, reseñas, calendarios de reserva o un chatbot con IA que atiende a las visitas.
En WordPress, los widgets son una función propia de los temas clásicos. Desde WordPress 5.8 se editan con bloques en Apariencia › Widgets o en el Personalizador. Los temas de bloques, como Twenty Twenty-Five, ya no tienen ese menú: la barra lateral y el pie se editan en el Editor del sitio con patrones y partes de plantilla. Muchos widgets extra llegan instalando un plugin.
-
1
Comprueba que tu tema tiene zonas de widgets
Si en Apariencia aparece el menú Widgets, tu tema es clásico y los admite.
-
2
Elige la zona
Barra lateral, pie de página o cabecera, según las que registre el tema.
-
3
Añade el bloque
Pulsa el signo + y busca el bloque o el widget heredado que necesites.
-
4
Guarda y revisa en el móvil
Comprueba que se ve bien en todas las pantallas y que no tapa contenido importante.
05 Ventajas, riesgos y buenas prácticas
Información de un vistazo
Menos toques para consultar lo importante y más uso de la app que ofrece el widget.
Funciones sin programar
En una web, un widget añade mapas, reseñas o reservas en minutos.
Coste en rendimiento
Cada widget externo carga scripts, fuentes e imágenes de otro servidor y puede ralentizar la página.
Privacidad y seguridad
Muchos widgets instalan cookies de terceros; Microsoft retiró los gadgets de Windows en 2012 por motivos de seguridad.
- ✓Instala solo los widgets que aporten algo al usuario o al negocio.
- ✓Carga los widgets pesados (chat, mapas, vídeos) en diferido o al interactuar.
- ✓Mide el impacto con PageSpeed Insights antes y después de añadirlos.
- ✓Revisa qué cookies instala cada widget e inclúyelas en tu banner de consentimiento.
- ✓Elimina los widgets que ya no uses: siguen cargando código aunque nadie los mire.
06 Cómo se crea un widget para una app
Si tienes una aplicación, un widget bien pensado aumenta el uso diario porque tu marca queda a la vista en la pantalla de inicio. Cada sistema tiene su propia tecnología: en iOS se programan con WidgetKit y SwiftUI, y en Android con el marco App Widgets (o con Jetpack Glance si la app usa Compose). En la web, un widget es un componente de JavaScript que se inserta con una línea de código. Es algo que planificamos desde el principio en el desarrollo de aplicaciones móviles.
- Tienda online: estado del último pedido y fecha de entrega.
- Gimnasio: próxima clase reservada y aforo en tiempo real.
- Banca: saldo disponible con un toque para ver movimientos.
- Restaurante: botón de «reservar mesa» en la web que abre el calendario de disponibilidad.
La regla es la misma en todos: una sola información útil, actualizada y un acceso directo a la acción siguiente, con un diseño web profesional coherente con el resto de la marca.
Preguntas frecuentes sobre Widgets
Es un pequeño componente de software que muestra información o da acceso a una función sin abrir la aplicación completa. Sirve para consultar datos de un vistazo, como el tiempo o tu agenda, y actuar con un solo toque.
Viene de una palabra informal inglesa para «artilugio». En español puede traducirse como «miniaplicación», aunque lo más habitual es usar widget.
La app es el programa completo; el widget es una vista reducida de esa app que vive en la pantalla de inicio o en una web y enseña solo una parte de su información.
Mantén pulsado un espacio vacío de la pantalla de inicio, toca Editar y luego Añadir widget, elige la app y el tamaño y pulsa Añadir widget.
Mantén pulsado un espacio vacío de la pantalla de inicio, toca Widgets, busca el de la app que quieras y arrástralo a su posición.
Son bloques de contenido que se colocan en las zonas de widgets de un tema clásico, como la barra lateral o el pie de página. Se gestionan en Apariencia › Widgets.
Pueden hacerlo. En el móvil, los que se actualizan muy a menudo consumen algo más; en una web, cada widget externo añade código que retrasa la carga.
Fuentes consultadas
Sobre el autor
Germán Gutiérrez
Development Manager en appyweb
Dirige el equipo de desarrollo de appyweb: aplicaciones web y móviles, SaaS, integraciones y arquitectura de software.
Ver perfil en LinkedIn ↗