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 emplea 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 forma estructurada y visualmente atractiva. A diferencia de un menú desplegable tradicional que muestra una sola columna de enlaces, el 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.
El Mega Menú se activa desde el widget de 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 haría con cualquier otra sección, como agregar una widget o crear una estructura o diseño. Cualquier elemento de navegación puede convertir en un Mega Menú.
*Para sitios creados luego del 25 de julio de 2025, puedes agregar varias secciones a cada mega elemento del menú. Puedes elegir entre secciones en blanco, prediseñadas, personalizadas o creadas por IA. Además, puedes almacenar secciones mega del menú y usarlas en otros sitios de tu cuenta. Ten en cuenta que está prevista una migración para mega menús en sitios creados antes del 25 de julio de 2025. Este artículo se actualizará cuando ocurra la migración.
Consideraciones importantes:
-
El Mega Menú solo puede agregar a elementos de navegación que no sean subelementos o que incluyan subelementos propios.
-
Solo soportado en 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 puede activar en desktop si el widget de Enlaces de Navegación está en el encabezado y tiene un diseño horizontal. No es compatible en celular.
-
-
Haz clic en el widget de Enlaces de Navegación para abrir la barra flotante y selecciona Gestionar Enlaces.
-
Al principio del modal, ¿ Para qué deberían incluir los elementos de navegación? selecciona Enlaces Personalizados.
-
Haz clic para seleccionar el artículo deseado. En el lado derecho del modal, selecciona Mega menú. Esto convierte el objeto en un Mega Menú.
-
Introduce un nombre para tu Mega Menú. Repite los pasos 4 y 5 para cada objeto que quieras convertir en un Mega Menú.
-
Arrastra y suelta los elementos existentes en el orden deseado y anidándolos. Ten en cuenta que el Mega Menú solo puede agregar a elementos de navegación que no sean subelementos o que incluyan subelementos propios.
-
Haz clic en Editar mega menú para hacer 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 más información sobre las opciones de configuración y diseño de los Enlaces de Navegación widget, verwidget: Enlaces de Navegación.
Para abrir el Mega Menú de edición puedes:
-
hover sobre la widget de navegación y cuando aparezca la sección Mega Menú, haz clic en la sección Mega Menú o en el elemento de navegación Mega Menu.
-
Haz clic en el widget de Enlaces de Navegación y haz clic en Gestionar Enlaces.
-
Abre el panel de Capas y haz clic para abrir la sección deseada del Mega Menú.
Puedes agregar un enlace a una sección de Mega Menú agregando cualquier widgetenlazable. A continuación, algunos ejemplos de cómo 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 quieres mostrar un catálogo de comercio electrónico, puedes agregar la Galería de Productos widget y conectarte al catálogo de productos o a una categoría concreta.
-
Agregar un widget de Enlaces de Navegación y configurar enlaces personalizados.
Para eliminar un Mega Menú, elimina el elemento del Mega Menú del widget de navegación.
A continuación, se presentan varias otras acciones que eliminarán un Mega Menú de las que deberías estar al tanto:
-
Eliminar el widget de Enlaces de Navegación.
-
Eliminar el contenedor que incluye un widget de Enlaces de Navegación con un Mega Menú.
-
Cambiar el preajuste del encabezado.
-
Cambiar entre tipos de cabecera básica y avanzada.
A continuación se presentan las limitaciones actuales del Mega Menú:
-
Solo disponible en desktop tamaño de pantalla.
-
El Mega Menú solo puede usar si el widget de Enlaces de Navegación está en disposición horizontal y dentro de la cabecera.
-
No es compatible en celular.
-
Si duplicas o copias y pegas un widget de Enlaces de Navegación con un Mega Menú, el Mega Menú no se duplicará.