Cómo agregar un mega menú a Elementor

En esta publicación, veremos dos formas de agregar un megamenú a un sitio web de Elementor. Es posible que haya visto mega menús en otros sitios web y haya querido agregarlo a su propia creación de Elementor. Estas configuraciones son la próxima evolución de un menú desplegable simple. En lugar de mostrar enlaces, muestran columnas y filas estructuradas llenas de elementos actualizados dinámicamente.

Uno de nuestros ejemplos favoritos de megamenú se puede encontrar en Stripe.com. Cuando pasa el cursor sobre un elemento de menú, en lugar de un simple menú desplegable, se le presenta una colección bien poblada.

También nos gusta mucho el megamenú en Digital Ocean.

Debido a su gran línea de productos, no pueden simplemente mostrar una lista de todo. En cambio, muestran sus productos destacados, categorías adicionales y terminan con un enlace "ver todos los productos" en la parte inferior del mega menú. es una gran manera de proporcionar una gran cantidad de información de una manera fácil de navegar.

No es solo un diseño único, realmente puede ayudar a sus clientes a navegar a través de su sitio web. Por ejemplo, si tiene una tienda de comercio electrónico, podría mostrar sus productos más populares dentro del menú para aumentar su tasa de conversión. Si tiene un blog, puede mostrar las publicaciones más recientes en un megamenú desplegable. Las posibilidades son infinitas, y la implementación de esta función en su sitio web podría agregar un toque profesional (y útil).

El constructor de Elementor (tanto la versión gratuita como la de pago) no incorpora ninguna funcionalidad de "creación de menús". Puede crear menús simples con menús desplegables básicos, pero si desea crear diseños, eso es imposible con la instalación básica.

Al mismo tiempo, el editor está muy bien posicionado para hacer un megamenú. Ya tiene columnas, filas, elementos dinámicos y más, lo que sería genial cuando se trata de construir un megamenú. En este artículo, vamos a echar un vistazo a dos complementos que le permiten aprovechar la funcionalidad que viene con el generador de Elementor y agregar mega menús a su sitio.

Aquí se explica cómo agregar un mega menú a Elementor.

Método 1: JetMenu

Este es un complemento independiente que le permite crear mega menús con el generador de Elementor. Es fácil de instalar, configurar e implementar. ¡También funciona muy bien!

Hemos creado docenas de sitios web de clientes usando este complemento, y es realmente la mejor opción en el mercado (incluso en comparación con los complementos gratuitos: el tiempo que ahorrará con esto definitivamente vale la pena). El complemento cuesta $24.00 por sí solo (aunque todos los JetPlugins vienen en un paquete por $80).

Esencialmente, le permite crear diseños de mega menús desde el editor de Elementor. Al pasar el cursor sobre un elemento del menú, esta "pantalla" se desvanecerá. Debido a esto, puede agregar cualquier elemento accesible desde el generador de Elementor (incluso elementos incluidos en ^paquetes de complementos de terceros).

Eso significa que cuando se trata de crear mega menús con JetMenu, las posibilidades son realmente infinitas.

Puede agregar contenido dinámico, así como plantillas de Elementor. Mostrar las condiciones, la capacidad de respuesta y la simplicidad de nuestras funcionalidades estándar que se envían con el complemento.

El menú también cambia por completo al acceder a él desde un dispositivo móvil. Esto asegura que su sitio web sea fácil de navegar en dispositivos móviles y asegura que Google lo clasificará alto por eso.

Este es nuestro complemento de referencia cuando se trata de incorporar mega menús en los sitios web de Elementor para los clientes. cuando el sitio web de nuestra agencia se creó con Elementor, también usamos este complemento personalmente (mostraba nuestras publicaciones de blog más recientes). ¡Probablemente pueda consultar nuestra implementación en Archive.org!

Si está buscando obtener aún más valor por su dinero, la opción dos es una excelente opción.

Método 2: ThePlus

Hay muchos paquetes de complementos para Elementor que tienen capacidades de "megamenú". Sin embargo, la mayoría de ellos están mal implementados y sería mejor optar por JetMenu.

ThePlus es el único paquete adicional que implementa correctamente el mega menú. Lo sabemos porque obtuvimos todos los principales paquetes de complementos y lo probamos.

la razón por la que dijimos que este método puede darle más valor por su dinero es porque no está simplemente comprando un complemento que solo agrega una funcionalidad de mega menú a su sitio web de Elementor. En cambio, el mega menú es uno de los 89 elementos individuales que se envían con el paquete.

No hemos usado esto en ningún sitio web de cliente porque tenemos un plan ilimitado para JetMenu, pero debido a que tenemos acceso a este paquete de complementos, jugamos con la capacidad de megamenú. Funciona muy bien y le permite agregar plantillas a los menús desplegables.

Lo que esto significa es esto: primero crea una plantilla dentro de Elementor. Esta plantilla será el menú desplegable, para que pueda agregar sus enlaces, imágenes, productos relacionados o cualquier elemento que esté disponible para usted. Luego usa ThePlus para hacer que esta plantilla se muestre cuando se desplaza sobre un elemento de menú individual.

Los complementos de ThePlus son de una calidad increíblemente alta y no tienen un impacto masivo en el rendimiento de su sitio. Por eso, este es nuestro paquete de complementos recomendado para todo lo relacionado con Elementor.

Aquí hay un video tutorial completo:

Hay muchos otros widgets que se aplican específicamente a los menús de Elementor. Al crear un megamenú, puede usar esto a su favor.

Por ejemplo, hay un elemento de menú específico para dispositivos móviles que puede usar para crear un primer menú móvil adaptado y receptivo. Puede obtener esta loca colección de complementos por $ 39.00 (esa es una licencia de un sitio), lo que lo convierte en uno de los paquetes de complementos más valiosos que existen.

Conclusión

Este artículo debería haberle mostrado dos formas en que puede agregar un mega menú a su sitio web de Elementor. Los mega menús se ven bien y mejoran la navegación de su sitio web. Si está buscando incorporar esta función en su sitio, estos dos complementos están diseñados para hacerlo.