Los mega menús son la elección obvia si desea actualizar la navegación de su sitio web.
Además de ser atractivos, los mega menús facilitan a los visitantes la búsqueda de contenidos. Esto puede tener un impacto positivo en las tasas de conversión. según la investigación de los expertos en UX Jakob Nielsen y Angie Li.
Una buena herramienta de mega menú de WordPress facilita la adición de una serie de contenidos a sus áreas de menú desplegable o ampliable. Pueden incluir más enlaces, imágenes, botones e incluso productos.
También puede utilizar sus menús para dirigir el tráfico a páginas específicas de su sitio, aumentar las conversiones y promocionar ofertas.
Si quieres subir el nivel de tus menús, sigue leyendo para descubrir cómo crear un mega menú en un sitio web de WordPress.
¿Qué es un Mega Menú?
Para que todos estemos de acuerdo, he aquí una explicación rápida de lo que queremos decir cuando hablamos de megamenús.
Normalmente, un mega menú es un menú desplegable o un área de navegación ampliable que suele contener algo más que enlaces de texto.
Crédito de la imagen www.next.co.uk
Los hay de todas las formas y tamaños. Algunas abarcan todo el ancho de su área de contenido, mientras que otras son lo suficientemente anchas como para contener lo que se ha añadido a ellas.
Una buena herramienta de mega menú de WordPress también hace que sea fácil de personalizar la apariencia añadiendo colores personalizadosimágenes de fondo y etiquetas.
Una buena herramienta te permitirá insertar iconos, imágenes y casi cualquier otro contenido que se te ocurra en tus menús desplegables.
Las mejores herramientas de mega menú WP también le permitirán mostrar widgets en las áreas de navegación expandibles, aumentando sus opciones de manera significativa.
Una de las principales ventajas de los mega menús es que permiten organizar los enlaces de los menús de forma más sencilla.
Por ejemplo, puede utilizar diferentes colores y formatos para separar los elementos del menú y ayudar a los visitantes a encontrar lo que buscan.
Añadir etiquetas, iconos e imágenes a los megamenús también puede llamar la atención sobre los contenidos clave.
Si lo hace bien, podrá convertir la navegación de su sitio web en un activo atractivo, informativo y que genere conversiones.
¿Qué funciones tienen los mega menús?
La característica más importante a la hora de elegir una herramienta que le permita crear un mega menú en un sitio web WordPress es el grado de control que le ofrece.
También desea que su herramienta de mega menú de WordPress facilite la personalización de su aspecto.
La facilidad de uso tampoco debe pasarse por alto.
Cómo añadir la funcionalidad de Mega Menú de WordPress a su sitio web
Por defecto, WordPress no tiene la funcionalidad de mega menús. Sin embargo, gracias a su enorme biblioteca de complementos de terceros, es muy fácil añadir mega menús a un sitio web de WordPress, siempre que elijas la herramienta adecuada.
Astra Pro es una de esas herramientas.
Tiene todas las características que necesita para añadir mega menús a su sitio web WordPress.
Como vamos a ver, también es muy fácil de usar.
Cómo crear un Mega Menú en WordPress con Astra Pro
Astra Pro es un complemento premium para el tema Astra WordPress gratis. La instalación del plugin Astra Pro en un sitio web de WordPress utilizando el tema Astra añade toda la funcionalidad necesaria para construir un mega menú, además de mucho más.
Usar Astra Pro significa que no sólo obtienes acceso a un potente tema para tu sitio web. También obtienes todas las características de un plugin premium de mega menú para WordPress.
Si te parece interesante, aquí tienes un tutorial sobre cómo crear un mega menú en un sitio web WordPress con Astra Pro.
Instalar el tema Astra
Como el tema Astra está disponible gratuitamente, puede añadirlo a su sitio web directamente desde el panel de control de WordPress.
Para empezar, sólo tiene que acceder a su panel de WordPress y hacer clic en el botón Apariencia > Temas del panel de la barra lateral izquierda.
A continuación, haga clic en el botón Añadir nuevo de la página Temas.
Ahora busca Astra y, a continuación, haga clic en el botón Instale botón.
Una vez instalado el tema, haga clic en Activar.
Instalar el plugin Astra Pro
Para añadir la función de mega menú a su sitio web, también tendrá que instalar el plugin Astra Pro.
Puedes comprar y descargar Astra Pro aquí.
Una vez descargado en su ordenador, puede subirlo a su panel de control de WordPress.
Para ello, haga clic en Plugins > Añadir nuevo en el menú de la barra lateral.
A continuación, haga clic en el botón Subir Plugin y localiza la ubicación del archivo del plugin Astra Pro.
Ahora haga clic en el botón Instalar ahora botón.
Una vez instalado el plugin, haga clic en Activar e introduzca su licencia para activar completamente el plugin.
Activar el módulo Nav Menu
La funcionalidad del mega menú de Astra Pro se encuentra en el módulo Nav Menu. Para crear tu primer mega menú, activa este módulo desde la página de Opciones de Astra.
Para ello, haga clic en Astra > Cuadro de mandos
A continuación, en la página Opciones de Astra, haga clic en el botón Activar para el módulo Nav Menu.
Crear el Mega Menú de WordPress
Ahora es el momento de empezar a construir el mega menú. En primer lugar, haga clic en el Apariencia > Menús del menú de la barra lateral.
Si su sitio aún no tiene ningún menú configurado, introduzca un nombre en el campo Nombre del menú y seleccione el campo Menú principal ubicación de la pantalla.
A continuación, haga clic en el botón Crear menú botón.
A continuación, añada uno o varios elementos al menú seleccionando páginas o entradas en el panel de la izquierda y haciendo clic en Añadir al menú.
Ahora expanda uno de los elementos que acaba de añadir, como una página, y haga clic en el botón Ajustes del menú Astra botón.
En la pantalla Astra Menu Options que aparece, marca la casilla para activar los mega menús.
Una vez hecho esto, puede seleccionar una anchura para el mega menú en el menú desplegable.
También puede establecer la imagen de fondo o el color del mega menú.
Si activas una imagen de fondo, también puedes definir cómo se muestra.
Astra Pro también le permite controlar cómo se muestran los enlaces en su mega menú, dándole la opción de anular los colores del menú por defecto de su sitio.
Si desea que el elemento de menú destaque, también puede darle una etiqueta de texto personalizada, con su propia configuración de color.
Otra opción es utilizar las Etiquetas resaltadas para añadir rápidamente texto adicional a los elementos del menú.
Si añade una etiqueta, se mostrará junto al elemento de menú al que la haya añadido.
La configuración avanzada permite personalizar el margen y el relleno de los elementos del menú.
Añadir submenús al Mega Menú
Cada elemento añadido a su menú, como un enlace de página, será una nueva columna en el área del mega menú desplegable.
Sin embargo, también puede añadir subelementos a esos elementos de nivel superior, como se muestra a continuación:
Para ello, añada más elementos a su menú seleccionándolos entre las opciones disponibles.
Tras hacer clic en el botón Añadir al menú para añadir los elementos al menú, puede organizarlos de modo que sean un subelemento de uno de los elementos superiores.
Debería acabar con una estructura similar a la de la siguiente captura de pantalla.
Puedes personalizar los menús desplazando los elementos, cambiando sus propiedades de visualización y añadiendo etiquetas.
Añadir contenido personalizado al Mega Menú
La funcionalidad del mega menú de Astra Pro no se detiene ahí. Si quieres ser aún más creativo, puedes añadir una amplia gama de contenido a tus mega menús, incluyendo texto personalizado, widgets, y plantillas.
Puedes añadir a tu mega menú cualquier widget que esté activo en tu sitio, ya sea parte de WordPress, Astra u otro plugin.
Resumen
Como puede ver, añadir un mega menú a un sitio web WordPress es bastante sencillo si elige la herramienta adecuada.
En unos pocos clics, puede empezar a mejorar sus menús de WordPress para que funcionen como usted desea.
Si quiere que sus menús tengan mejor aspecto o sirvan mejor a sus objetivos, los megamenús pueden ayudarle.
Encontrará más información sobre esta función en la página Página del mega menú Astra Pro de nuestro sitio web.
Divulgación: Este blog puede contener enlaces de afiliados. Si realiza una compra a través de uno de estos enlaces, es posible que recibamos una pequeña comisión. Leer información. Tenga la seguridad de que sólo recomendamos productos que hemos utilizado personalmente y que creemos que aportarán valor a nuestros lectores. Gracias por su apoyo.
Buen tutorial. Sinceramente, me pregunto si hay algún usuario al que le GUSTEN los mega-menús. Para mí, como usuario, ¡siempre han sido algo para insultar!