¿Cómo crear un menú, submenú y mega menú?

¡Hola Tooler!

En este artículo aprenderás de forma rápida y sencilla a crear un Menú, Submenú y Mega menú dentro de tu sitio web en MasterTools, para mejorar la navegación de tus usuarios y organizar mejor tu contenido.

¡Empecemos!

Una vez estés dentro del constructor de funnels o del sitio web, selecciona la página donde deseas trabajar.

En la barra lateral izquierda, da clic en “Añadir widget”.

Busca el widget de “Menú”, arrástralo y colócalo en la parte de la página donde quieras ubicarlo (lo más recomendable es en la parte superior).

Al agregarlo, aparecerá una ventana emergente donde podrás darle clic en Añadir elemento del menú y visualizar los elementos y categorías disponibles, como páginas o pasos del embudo.

Selecciona y agrega las opciones que deseas mostrar en tu menú.

Para modificar el diseño del menú, da clic en “Editar estilos”.

Aquí podrás elegir entre diferentes tipos de menú:

Horizontal
Vertical
Burguer (menú tipo móvil)

También puedes personalizar:

Color del texto
Color de fondo
Tamaño de la fuente
Efectos al pasar el cursor o hacer clic

Esto dependerá del estilo visual que quieras lograr en tu página.

¿Cómo crear un submenú?

Para crear un submenú, primero debes dar clic en el menú principal que ya tienes y seleccionar “Editar menú”.

Luego, añade un nuevo elemento (puede ser un enlace, popup u otra opción).

Este nuevo elemento aparecerá como un ítem independiente, pero puedes convertirlo en submenú fácilmente:

Dirígete a la sección de elementos, ubica los puntos (⋮⋮), da clic y arrastra el elemento debajo del menú principal.

Al hacerlo, automáticamente quedará como una “rama” dentro del menú principal, creando así el submenú.

El Mega menú funciona como una categoría más amplia dentro del menú principal.

Aquí puedes agrupar múltiples opciones o categorías en un solo bloque, permitiéndote organizar mejor grandes cantidades de contenido.

⚠️ Importante: El mega menú solo está disponible para sitios web (no funnels) y únicamente funciona con el menú predeterminado del sitio web.

Simplemente debes darle clic en Editar Menu (en el menú que ya viene predeterminado en la plantilla):