que es un mega menu y como se crea

Seguro que echando un vistazo a otras webs o incluso a las webs de tus competidores, has podido ver menús más grandes que se despliegan y dejan ver secciones o categorías importantes de sus webs. Son los ya bastante populares Mega Menús. En este post te hablamos sobre ellos, te enseñamos lo que son, para qué se usan y cuáles son sus ventajas y te enseñamos a crearlos en WordPress y Prestashop.


Mega Menú: qué es y cómo crearlo en mi Wordpress y Prestashop

TABLA DE CONTENIDOS


Qué es un Mega Menú

Un Mega Menú es un tipo de menú que ahora se ha hecho bastante popular que lo que hace es desplegarse y mostrar las secciones o categorías más importantes de tu web o tienda online. Además lo hace de forma bastante visual, favoreciendo la experiencia de usuario y mejorando la navegación.

Para las tiendas online, se trata de una opción más que recomendable ya que puedes mostrar un gran número de opciones y además puedes incorporar imágenes de tus productos. También se pueden incluir títulos para hacer más identificables los servicios que busca el usuario.

Se trata de una forma relativamente sencilla de mejorar la búsqueda de nuestros usuarios, sobre todo en sitios webs grandes con bastantes productos donde se hace imprescindible mostrar las categorías y subcategorías para mejorar la escaneabilidad.

Por lo tanto, un mega menú estructura el contenido en secciones y debe permitir añadir imágenes, títulos y productos para hacer más sencilla la navegación del usuario.

mega-menu-axarnet

Ventajas e inconvenientes de usar un Mega Menú

Implementar un Mega Menú en tu tienda online o en tu web tiene ventajas. En primer lugar para tiendas online evita esos menús desplegables infinitos con todas las categorías de producto, donde para localizar la categoría que estabas buscando se te hace eterno e incluso llegas a desesperarte. Por lo tanto usar un Mega Menú es una muy buena opción.

Un menú desplegable al uso no permite agrupar por categorías o por secciones, para mostrar de una forma más visual los diferentes elementos que quieres incorporar en tu web o tienda. Eso no ocurre con los Mega Menú, que te muestran diferentes secciones y te hacen más sencillo poder escanear la web en cuestión.

Además los Mega Menús incorporan elementos visuales haciendo más visuales los menús e incluso con la opción de poder incorporar ofertas. También puedes estructurar la importancia de cada elemento, cambiando la tipografía de alguno para que destaque o dándole un tamaño mayor.

Frente a otros tipos de menús, los Mega Menús son más organizados y permite al usuario seguir tu proyecto mucho mejor. Además tienes la opción de incorporar más opciones, aunque tampoco es recomendable, ofrecer mil opciones, ten en cuenta la experiencia de usuario.

Y en cuestiones de diseño, resulta elegante, se pueden incorporar nuevas imágenes, dando un toque moderno a nuestro proyecto digital y mejorando la apariencia del mismo.

Pero ojo, no siempre deberás usar un mega menú. Hazte la siguiente pregunta: ¿incorporar un mega menú va a facilitar la experiencia de usuario? Si tu respuesta es sí, adelante. Pero si ya de primeras ves que no tiene mucho sentido, porque tu web es pequeño y no necesitas muchos enlaces, pues seguramente un mega menú no sea el adecuado para tu web.

Cómo crear un Mega Menú en WordPress

Crear un mega menú en WordPress va a ser algo relativamente sencillo, gracias a nuestros amigos los plugins. Existen diferentes plugins que puedes usar para convertir tu menú en un mega menú. En este post te vamos a recomendar el plugin Max Mega Menú.

Se trata de un plugin fremium, es decir que cuenta con una versión gratuita, que en este caso es bastante completa, y también con una versión de pago, cuyo precio más bajo ronda los 30 euros más o menos. La versión de pago añade mejoras a la versión gratuita como la posibilidad de incorporar más de 600 iconos, una mayor integración con WooCommerce mostrando los totales y la cantidad del carrito, agregar cajas de búsqueda y más opciones de diseño para tu mega menú. Pero en este post nos vamos a conformar con las funcionalidades que ofrece la versión free, que son suficientes normalmente para cualquier proyecto web.

Cómo instalar y configurar Max Mega Menu

Instalar Max Mega Menu es sencillo, solo tendrás que buscarlo en el repositorio de plugins de WordPress y darle a instalar y a activar. Esto creará una sección de Mega Menú en tu menú de WordPress.

instalar mega menu

Además cuando vayas a Apariencia > Menús se te habilitará una caja de Ajustes de Max Mega menú, donde tendrás la posibilidad de habilitarlo. Tendrás que hacerlo si quieres trabajar con él.

El resto de opciones de Ajustes de Max Mega Menú nos permiten configurar ciertas funcionalidades. En Evento podrás decidir cómo se activa el menú, si pasando por encima o haciendo clic. En Efecto, puedes incorporar una animación al abrir el menú y en Tema, permite elegir un tema visual.

ajustes-estructura-mega-menu

Ya dentro de la Estructura del menú podrás editar algunas opciones como el tipo de visualización del submenú y en cuántas columnas quieres mostrar los diferentes elementos. Podrás incorporar un icono haciendo clic en Icono. Podrás seleccionar la posición del icono, ocultar texto y otras opciones en Ajustes.

Ajustes Básicos de Mega Menu

Dentro de la configuración del plugin, que puedes ver haciendo clic en Mega Menu en el menú de WordPress, vas a haber diferentes secciones: ubicaciones de menú, temas de menú, ajustes generales y herramientas.

En Ubicaciones de menú, puedes seleccionar donde quieres activar Mega Menú. Para ello previamente deberás haber creado el menú para asignarlo a esa ubicación. Añadir otra ubicación será sencillo, solo tienes que hacer clic en Añade otra ubicación de menú.

En Temas de menú es donde encontrarás el grueso de la configuración del plugin. Podrás o bien editar el tema del menú por defecto, o bien crear un nuevo tema. Para ello en la parte de arriba donde pone Selecciona el tema a editar, haz clic en los tres puntos a modo de semáforo y selecciona la opción Añadir nuevo tema. Vas a ver a continuación diferentes pestañas:

  • Ajustes generales: Aquí vas a poder establecer el alto de línea para el contenido dentro del menú, vas a poder establecer la sombra de los desplegables y las transiciones y vas a poder establecer los estilos de las flechas de navegación. En Barra de menú: vas a poder definir la altura de cada elemento de nivel superior, vas a poder configurar el color de fondo de la barra de menú, establecer un radio de borde para el menú, la fuente y otras funciones de diseño.
  • En Mega Menús: vas a poder establecer el fondo del panel, el ancho que quieres que tenga el menú, pudiendo establecer un tamaño fijo, puedes establecer cuestiones de diseño como la fuente del contenido y de los submenús y el color.
  • En Menú desplegables: vas a poder establecer el fondo del submenú así como la fuente y el color entre otras cuestiones.
  • En Menú móvil: puedes configurar el punto de ruptura adaptable para que pase al menú móvil en un determinado ancho del navegador, así como diferentes opciones de diseño como el fondo de la barra de conmutación, el fondo del menú, y cuántas columnas deberá mostrar para aquellos elementos que funcionen con mega menú.
  • En Estilo personalizado: podrás añadir tu propio código CSS para personalizar a tu gusto el menú.
diseño mega menu

Cómo crear un Mega Menú en Prestashop

Teniendo en cuenta que Prestashop es un CMS que está enfocado a Ecommerce y Tiendas Online y que los mega menús son bastante usados en estos casos, era cuestión de tiempo que Prestashop incluyera de forma nativa la creación de mega menús. Así que si vas a diseñar tu tienda con Prestashop o ya la tienes, estás de suerte, siempre que uses la versión 1.6 en adelante.

Eso sí, el módulo que incluye es limitado, por lo que si quieres añadir más funcionalidades siempre puedes incorporar un módulo de pago como Advanced Top Menú.

Conclusión

Usar Mega Menús puede ser bastante ventajoso sobre todo si quieres facilitarle la navegación a tus usuarios y clientes. Prestashop ya lo ofrece de forma nativa, y en WordPress es fácil implementarlo gracias al plugin Max Mega Menú.

contratar-hosting-wordpress




Imagen

Hosting Web

Lanza tu proyecto a la red. Desde 2,48 € al mes podrás tener visible tu negocio en Internet ¿A qué esperas?

Dominios

El primer paso de un negocio en Internet es contar con un dominio. ¡Regístralo!

Imagen

Certificado SSL

Protege tu web, gana posiciones en Google y aumenta tus ventas y clientes.

Imagen

Hosting WordPress

Para páginas corporativas y ecommerce hechos en WordPress. Configuración específica y backups diarios.
AXARNET COMUNICACIONES S.L | Lee nuestro Aviso Legal y nuestra Política de Cookies | Echa un vistazo a nuestras Condiciones Generales de Contratación

Continúa con tu compra

¿Es la primera vez que compras?

Si ya eres cliente de Axarnet