Nota
Esta información es específica del Editor 2.0, anteriormente conocido como Editor All-Flex. Para identificar su versión actual del editor, consulte Cómo identificar la versión del editor que usa su sitio .
Un mega menú es un tipo de menú de navegación comúnmente empleado en sitios web para organizar y mostrar una gran cantidad de contenido u opciones de una manera estructurada y visualmente atractiva. A diferencia de un menú desplegable tradicional que muestra una sola columna de enlaces, Mega Menú se expande aún más horizontalmente. Los casos de uso comunes incluyen sitios de comercio electrónico con muchas categorías de productos, sitios de viajes con muchos destinos o compañías de servicios que ofrecen una amplia gama de servicios.
Mega Menú se habilita desde el widget Enlaces de navegación y crea una nueva sección vinculada a un elemento de navegación.* Esto permite al usuario editar y diseñar la nueva sección como lo haría con cualquier otra sección, como agregar un widget o crear una estructura/diseño. Cualquier elemento de navegación se puede convertir en un Mega Menú.
*Para los sitios creados después del 25 de julio de 2025, puedes agregar varias secciones a cada mega elemento del menú. Puede seleccionar entre secciones en blanco, prediseñadas, personalizadas o creadas por IA. Además, puedes almacenar secciones del mega menú y usarlas en otros sitios en tu cuenta. Tenga en cuenta que se planea una migración de los mega menús en los sitios creados antes del 25 de julio de 2025. Este artículo se actualizará cuando se produzca la migración.
Consideraciones importantes:
-
El Mega Menú sólo se puede agregar a elementos de navegación que no sean subelementos o que incluyan subelementos propios.
-
Solo es compatible con desktop tamaño de pantalla.
Para crear un Mega Menú:
-
Si aún no tienes un enlace de navegación agregado widget , necesitas agregar uno. En el panel lateral haz clic en agregar y luego widget. Busca enlaces de navegación y luego arrástralo y suelta en el lienzo.
-
Actualmente, el Mega Menú solo se puede habilitar en desktop si el widget Enlaces de navegación está en el encabezado y tiene un diseño horizontal. No compatible con dispositivos móviles.
-
-
Haga clic en el widget Enlaces de navegación para abrir la barra flotante y seleccione Gestionar enlaces.
-
En la parte superior del modal, ¿ Qué deben incluir los elementos de navegación? Seleccione Enlaces personalizados.
-
Haga clic para seleccionar el elemento deseado. En el lado derecho del modal, seleccione Mega menú. Esto convierte el elemento en un Mega Menú.
-
Introduzca un nombre para su Mega Menú. Repita los pasos 4 y 5 para cada elemento que desee convertir en un Mega Menú.
-
Arrastre y suelte los elementos existentes en el orden y anidamiento deseados. Tenga en cuenta que el Mega Menú solo se puede agregar a elementos de navegación que no sean subelementos o que incluyan subelementos propios.
-
Haga clic en Editar mega menú para realizar cambios de diseño. Los cambios de diseño solo se aplican a la sección actual que estás editando y no a las secciones que contienen otros Mega Menús.
A continuación, se presentan dos elementos de diseño que definen cómo los usuarios abren tu mega menú. Para acceder a ellos, desplázate hacia abajo hasta la sección Mega Menú del panel de diseño.
-
Un elemento de diseño popular es usar una flecha en forma de chevrón para indicar a los visitantes que el menú puede expandir haciendo clic en ella. Por defecto, esta flecha no está activada. Para agregar la flecha, activa el interruptor de visibilidad de flecha . La flecha hereda el estilo de diseño de los eslabones.
-
Especifica cómo abren los usuarios tu mega menú seleccionando hover o Clic. hover es el estado por defecto. Si cambias a Clic, el mega menú se abrirá en el primer clic y se cerrará en el segundo.
-
Para obtener más información sobre las opciones de configuración y diseño de la widgetVínculos de navegación, consulte widget: Vínculos de navegación.
Para abrir el Mega Menú para editarlo puedes:
-
hover sobre el widget de navegación y cuando aparezca la sección Mega Menú, haga clic en la sección Mega Menú o en el elemento de navegación Mega Menú.
-
Haga clic en el widget Enlaces de navegación y haga clic en Gestionar enlaces.
-
Abra el panel Capas y haga clic para abrir la sección del Mega Menú deseada.
Puedes agregar un enlace a una sección de Mega Menú agregando cualquier widgetenlazable. A continuación se muestran algunos ejemplos de cómo puede agregar enlaces a una sección de Mega Menú:
-
agregar un Botón o Icono widget y agregar un enlace a él.
-
agregar la Galería de Fotos widget y conectarla a una colección.
-
Si desea mostrar un catálogo de comercio electrónico, puede agregar la widget Galería de productos y conectarse al catálogo de productos o a una categoría en individua.
-
agregar a Navigation Links widget y configurar enlaces personalizados.
Para eliminar un Mega Menú, elimine el elemento Mega Menú del widget de navegación.
A continuación se presentan otras acciones que eliminarán un Mega Menú y que debes tener en cuenta:
-
Eliminación del widget Enlaces de navegación.
-
Eliminar el contenedor que incluye un widget de Enlaces de Navegación con un Mega Menú.
-
Cambiar el ajuste preestablecido del encabezado.
-
Cambiar entre tipos de encabezado básicos y avanzados.
A continuación se detallan las limitaciones actuales del Mega Menú:
-
Solo disponible en desktop tamaño de pantalla.
-
Mega Menú solo se puede usar si el widget de enlaces de navegación tiene un diseño horizontal y dentro del encabezado.
-
No compatible con dispositivos móviles.
-
Si duplica o copia y pega un widget de Enlaces de Navegación con un Mega Menú, el Mega Menú no se duplicará.