Cómo poner un Mega Menú gratis en tu WordPress

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp
Share on email
Email

WordPress mola mucho y es muy configurable, pero en muchas ocasiones no sabes ni dónde empezar a mirar cuando quieres hacer determinadas cosas.

Por eso hoy he querido ofrecerte esta pequeña guía sobre qué es el Mega Menú, qué ventajas tiene y, por último, te daré dos plugins gratis que te permite tener Mega Menus muy profesionales en tu WordPress sin tener que tocar una línea de código.

¿Qué es el Mega Menu?

El Mega Menu es un concepto que viene coleando desde hace ya muchos años (quizá desde el año 2.014, o incluso antes), y básicamente se trata de un tipo de menús especiales que son, por así llamarlo, demasiado grandes para estar considerados menús normales.

Además, técnicamente tienen algo más de complejidad que un menú en un sitio web normal, ya que hay que meterle grandes cantidades de código para que se vean bien en formatos móviles y Google los entienda.

Por eso es tan importante hacerlos realmente bien.

Algunos ejemplos de Mega Menus en Internet

Pero claro, creo que lo mejor en cosas tan visuales como esta es ofrecerte algún ejemplo de lo que un Mega Menu realmente y que lo puedas ver con tus propios ojos, a ver qué te parece:

ejemplo-mega-menu-1
ejemplo-mega-menu-2
ejemplo-mega-menu-3

Como puedes observar, a ese tipo de menús que sale en algunas webs, tanto eCommerce como de servicios, no podemos decir que sean menús normales, ¡ni mucho menos! Y por eso los debemos tratar de forma especial.

¿Para qué sirve el Mega Menu y por qué se usa?

Seguramente sean dos de las preguntas primeras que se te han venido a la cabeza al hablarte de esta salvajada de menú en tu sitio web.

Ya te puedo adelantar que esto se suele usar cuando tienes una web muy compleja y, por usabilidad web o por negocio, piensas que es imposible cuadrarlo en un menú normal, que sería algo de, como mucho, 7 elementos.

De hecho, un menú de este estilo bien hecho puede darte muchas alegrías, ya que es mucho más vistoso que uno normal, y por eso también se suele utilizar cuando quieres dar prominencia extra a esta parte tan importante con tu web.

Ojo, que también tiene desventajas, entre las más destacadas:

  • Si construyes un Mega Menú mal, Google no lo va a entender, y tampoco el usuario.
  • Puede verse mal en móviles, siempre debes probar en un smartphone cuando lances.

Plugins gratis para tener Mega Menu en tu WordPress

Plugins de Mega Menu hay muchísimos, pero la mayoría son de pago y, si te digo la verdad, no suelen valer el dinero que cuestan.

Por eso me he querido centrar en dos plugins que son gratuitos y luego tienen funcionalidades extra de pago que creo que son los que mejor te pueden apañar este punto, a ver qué te parecen:

Max Mega Menu

Max Mega Menu quizá sea el plugin de este estilo más descargado y actualizado, con sus más de 200.000 instalaciones activas.

La verdad es que funciona muy bien, es intuitivo y tiene un montón de chorraditas diversas.

Características de Max Mega Menu

Aquí va el listado:

  • Está construido siguiendo todos los estándares de WordPress.
  • Tiene la posibilidad de estar en varias localizaciones, no sólo arriba.
  • Tiene un constructor de arrastrar y soltar, lo que te va a facilitar la vida mucho.
  • Puedes poner widgets de WordPress en tu menú, que es un puntazo.
  • Gracias al editor de tu theme, puedes personalizar su diseño.
  • Puedes poner eventos si pasas el ratón o si pinchas.
  • Tiene un montón de transiciones de aparición de menú.
  • Puedes añadir iconos a voluntad.
  • Puedes hacer desaparecer elementos en móvil.
  • Puedes alinear el menú a izquierda, derecha, así como los submenús.
  • Es súper rápido, comprimido son 2Kb de JavaScript.
  • Está pensado en la accesibilidad.
  • Es muy SEO friendly.

Por último, te voy a dejar un vídeo con su funcionamiento para que flipes del todo:

WordPress Mega Menu – QuadMenu

El segundo que quiero mostrarte se llama WordPress Mega Menu – QuadMenu y, aunque a nivel estadísticas no es tan potente como el primero, tiene funcionalidades muy buenas también que pueden hacer que sea tu candidato.

Podría decirte que es más sencillo que el primero y la interfaz gráfica está más currada, así que te va a resultar mucho más fácil hacer el menú que quieres.

Y oye, eso siempre es un plus.

Características de WordPress Mega Menu – QuadMenu

Aquí te muestro las características principales:

  • Integración tanto automática como manual del menú en tu theme.
  • También está creado siguiendo los estándares de WordPress.
  • Puedes ponerlo en varios lugares.
  • Tiene un constructor de arrastrar y soltar.
  • Puedes poner widgets dentro del menú.
  • Puedes tener un child theme y funcionará.
  • Tienes varios tipos de diseño: vertical, horizontal o con tu propio diseño.
  • Puedes dejarlo fijo en la parte superior.
  • Eventos por hover o clic.
  • Puedes alinear los enlaces como quieras.
  • Puedes hacer desaparecer elementos en móviles o según el tamaño de la pantalla.
  • Puedes poner los iconos de Font Awesome y fuentes de Google Fonts.
  • Tienes animaciones diversas al abrir los elementos.
  • Soporta diferentes builders.
  • Tienes posibilidad de hacer menú con iconos, barra de búsqueda y menú de carrito.

Al igual que antes, ahí va un vídeo de funcionamiento en vivo:

Así que, desde aquí, sólo me queda preguntarte si vas a usar alguno de estos dos plugins como tu solución de Mega Menu, ¿te animas?

Sergio Ramírez

Sergio Ramírez

Me gusta más el Marketing Online que las galletas de chocolate. Poca broma.

2 respuestas

    1. Hola Sofía,

      Pues dan compatibilidad con Avada, GeneratePress y todo el universo Elegant Theme en el caso de Quad Menú, pero, de Elementor no dice nada..

      ¡Un saludo!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.