Personalizar menú lateral Home Assistant: Guía Paso a Paso

Actualizado el 31 de enero de 2026

Optimizar nuestro flujo de trabajo en Home Assistant es clave para una experiencia de domótica eficiente. Una de las formas más directas de lograrlo es personalizar el menú lateral de Home Assistant, ese panel de navegación que usamos constantemente. A lo largo de los años, las opciones para modificarlo han evolucionado drásticamente, pasando de simples trucos en YAML a potentes herramientas visuales. En esta guía definitiva para 2026, vamos a explorar los dos métodos principales que existen hoy en día para que puedas añadir, ocultar o reordenar cualquier elemento y dejar el menú perfectamente adaptado a tus necesidades.

Métodos para personalizar el menú: YAML vs. HACS

En 2026, disponemos de dos enfoques para modificar la barra lateral. El primero es el método «nativo» a través del archivo configuration.yaml, ideal para añadir enlaces sencillos. El segundo, y el que recomiendo para la mayoría de usuarios, es utilizar la integración «Custom Sidebar» disponible a través de HACS (Home Assistant Community Store), que ofrece un control total desde la interfaz gráfica.

Para que veas las diferencias de un vistazo, he preparado esta tabla comparativa:

Característica	Método YAML (`panel_custom`)	Método HACS (Custom Sidebar)
Facilidad de uso	Baja (requiere editar archivos y reiniciar)	Alta (todo desde la interfaz gráfica)
Añadir nuevos enlaces	Sí	Sí
Ocultar elementos existentes	No	Sí
Reordenar elementos	No (los añade al final)	Sí (arrastrar y soltar)
Cambios en tiempo real	No (requiere reinicio de Home Assistant)	Sí (los cambios se aplican al instante)

Método 1: Añadir enlaces con `panel_custom` en YAML (El Clásico)

Este es el método integrado en Home Assistant. Es útil si solo quieres añadir un par de enlaces fijos y te sientes cómodo editando archivos de configuración. Los elementos que añadas aquí aparecerán en la parte inferior del menú lateral.

Pasos para usar panel_custom

Accede a tu archivo configuration.yaml. Puedes hacerlo a través de Apps como «File editor» o «Visual Studio Code» dentro de Home Assistant.
Añade el código. Pega el siguiente bloque de código en tu archivo. Asegúrate de respetar la indentación (no usar tabuladores, solo espacios).
Guarda y reinicia. Guarda los cambios, ve a Ajustes > Sistema > Reiniciar y haz clic en «Reiniciar Home Assistant».

Ejemplos de código para configuration.yaml

Aquí tienes varios ejemplos prácticos que puedes copiar y adaptar.

Ejemplo 1: Volver a añadir el enlace a Supervisor

El clásico que muchos echamos de menos. Este código restaura un acceso directo a la página principal del Supervisor.

panel_custom:
  - name: hassio-supervisor
    sidebar_title: Supervisor
    sidebar_icon: mdi:home-assistant
    url_path: 'hassio/dashboard'

Ejemplo 2: Enlace a una URL externa (ej. Router)

Perfecto para acceder rápidamente a la página de configuración de tu router o cualquier otro servicio web.

panel_custom:
  - name: mi-router
    sidebar_title: Router
    sidebar_icon: mdi:router-wireless
    url_path: 'https://192.168.1.1'
    # Importante: El enlace anterior es un ejemplo. Usa la IP de tu router.

Ejemplo 3: Enlace a una App instalada (ej. Zigbee2MQTT)

Si usas frecuentemente la interfaz de una App específica, como la de Zigbee2MQTT en Home Assistant 2026, puedes crear un atajo.

panel_custom:
  - name: zigbee2mqtt
    sidebar_title: Zigbee2MQTT
    sidebar_icon: mdi:zigbee
    url_path: '/zigbee2mqtt'

Método 2: Control total con «Custom Sidebar» (Recomendado)

Si buscas la máxima flexibilidad, incluyendo ocultar elementos del menú de Home Assistant y reordenarlos a tu gusto, este es tu método. Requiere tener HACS instalado, la tienda comunitaria que es casi imprescindible hoy en día.

Pasos para instalar y usar Custom Sidebar

Instalar desde HACS: Ve a HACS > Frontend en tu menú lateral. Utiliza el buscador para encontrar «Custom Sidebar» y pulsa en «Instalar». Sigue las instrucciones que te aparecerán para añadir el recurso a tu Lovelace.
Configuración desde la UI: Una vez instalado y recargada la página, verás una nueva opción en Ajustes > Integraciones & Dashboards > Sidebar. Desde aquí controlarás todo.
Añadir un nuevo enlace: Pulsa el botón «Añadir» y rellena los campos: Título, Icono y URL. Los cambios se aplican al instante.
Ocultar y reordenar: En esta misma pantalla, verás una lista de todos los elementos del menú (incluidos los originales). Puedes usar los interruptores para ocultar los que no necesites y las flechas o el método de arrastrar y soltar para cambiar su orden. ¡Así de simple!

Solución de Problemas Comunes

Aunque el proceso es bastante sencillo, a veces pueden surgir pequeños inconvenientes. Aquí te dejo las soluciones a los más habituales.

Error de YAML al reiniciar: Casi siempre es un problema de indentación. Recuerda que YAML es muy estricto. Asegúrate de que panel_custom: no tiene espacios delante y que cada línea de un elemento (- name:, sidebar_title:, etc.) está indentada con dos espacios. Utiliza la herramienta Ajustes > Sistema > Comprobar Configuración antes de reiniciar.
El enlace no aparece tras reiniciar (método YAML): Tu navegador puede tener la versión antigua del menú en caché. Prueba a forzar un refresco completo (Ctrl + F5 en Windows, Cmd + R en Mac) o a limpiar la caché del navegador.
El icono no se muestra: Asegúrate de que estás usando el formato correcto: mdi:nombre-del-icono. Puedes buscar todos los iconos disponibles en la web de Material Design Icons.
Custom Sidebar no aparece después de instalar en HACS: Tras la instalación, es crucial recargar los recursos del frontend. A veces, un simple refresco de la página es suficiente. Si no, ve a tu perfil (clic en tu nombre en la esquina inferior izquierda) y activa la opción «Recargar recursos».

Conclusión: ¿Qué método elegir en 2026?

Mi recomendación como Ingeniero IoT es clara: para el 99% de los usuarios, la integración «Custom Sidebar» a través de HACS es la mejor opción. Ofrece una flexibilidad y facilidad de uso que el método YAML simplemente no puede igualar. Poder ocultar elementos que no usas (como «Mapa» o «Calendario» para algunos) y poner tus Apps (anteriormente conocidos como Add-ons) más importantes en la parte superior del menú es un cambio radical en la usabilidad diaria.

Reserva el método panel_custom en YAML para situaciones muy específicas, como configuraciones minimalistas donde no quieras instalar HACS o solo necesites añadir un único enlace permanente sin más complicaciones.

Ofertas oficiales en domótica inteligente