En la plataforma de Indie Website, la configuración del mega menú está diseñada específicamente para el Menú Principal de tu sitio web. A continuación, encontrarás una guía paso a paso para configurarlo, junto con algunas mejores prácticas importantes para la experiencia del usuario.
Cómo construir un Mega Menú
1. Navega a la configuración de tus Menús: Inicia sesión en el escritorio de tu sitio web y ve a Apariencia > Menús.
2. Selecciona tu Menú Principal: Asegúrate de estar editando el menú de navegación principal de tu sitio web.
3. Elige un enlace de nivel superior: Haz clic en la flecha de la opción desplegable de la pestaña del menú principal (el elemento del menú de nivel superior) que deseas transformar en un mega menú.
4. Habilita la opción de Mega Menú: Dentro de la configuración de ese elemento, marca o selecciona la opción para Mega Menú.
5. Organiza tus subelementos: Añade las páginas subsiguientes, subcategorías o enlaces (por ejemplo: columnas, funciones) a la estructura de tu menú. Arrastra y suelta estos elementos de manera que queden desplazados hacia la derecha y ubicados directamente debajo de tu elemento principal del mega menú.
6. Guarda tu configuración: Haz clic en el botón de Guardar menú.
7. Pruébalo en la vista pública de tu sitio: Visita la Página de Inicio de tu sitio web y pasa el cursor por encima de la opción de nivel superior para asegurarte de que el menú se despliegue en un diseño amplio y de varias columnas.
Mejores prácticas y consejos de experiencia de usuario (UX)
Debido a que los mega menús ocupan bastante espacio visual cuando están activos, es muy importante que diseñes tu navegación pensando en la experiencia de tus lectores:
- Exclusivo del Menú Principal: Los mega menús solo se pueden configurar en tu Menú Principal. Esta funcionalidad no está disponible para los menús secundarios, ya que, al desplegarse, cubrirían por completo cualquier menú de navegación secundario posicionado justo debajo.
- Elige la estructura de navegación adecuada: Para lograr una experiencia de usuario óptima en computadoras de escritorio, te recomendamos encarecidamente implementar una de estas dos opciones de configuración:
- Estrategia A: Usa un Mega Menú en tu menú principal y mantén el menú secundario desactivado. Esta opción es ideal si tienes un tema o categoría principal con más de 10 subelementos relacionados que te gustaría mostrar debajo.
- Estrategia B: Mantén tu menú principal en formato estándar (sin mega menú) y utiliza una combinación estándar de Menú Principal + Menú Secundario.