Editor de Wix Studio: agregar y administrar nuevos menús

8 min de lectura
Agrega menús para ayudar a los visitantes a navegar por el sitio de tu cliente y encontrar la información que necesitan. Puedes elegir el tipo de menú y los ítems, y crear menús desplegables para mostrar contenido personalizado.
Importante:
Este artículo hace referencia al nuevo componente de menús en el Editor de Wix Studio, que aún no está disponible para todos los usuarios. Para conocer los pasos sobre cómo agregar y administrar los menús anteriores, haz clic aquí.
En este artículo, obtén más información sobre lo siguiente:

Agregar un menú

Agrega un menú al sitio para comenzar. Recomendamos agregar un menú al encabezado del sitio, pero puedes agregar tantos como necesites para tus clientes y sus negocios.
Una vez que agregues el menú, elige los ítems que deseas que se muestren.

Para agregar un menú:

  1. Haz clic en Agregar elementos  a la izquierda del editor.
  2. Selecciona Menú y búsqueda
  3. Selecciona el tipo que desees (Menús horizontales, Menús verticales o Menús tipo hamburguesa). 
  4. Haz clic en el menú y arrástralo a la posición deseada en la página.
  5. Agrega ítems al nuevo menú:
    1. Selecciona el menú que acabas de agregar. 
    2. Haz clic en Administrar menú.
    3. Haz clic en + Agregar ítem en la parte inferior.
    4. Selecciona el ítem que deseas agregar: 
      • Páginas principales: agrega al menú una página normal del sitio.
      • Páginas dinámicas y de apps: agrega páginas de apps (por ejemplo, una página de producto de Wix Stores) o páginas conectadas a colecciones en el CMS.
      • Enlace: puedes agregar muchos tipos de enlaces al menú, como enlaces a otros sitios web, a anclas en las páginas del sitio, a los datos de contacto de tu cliente, etc. 
      • Menú desplegable: agrega un contenedor que aparece debajo del menú cuando los visitantes pasan el cursor sobre el ítem. Puedes diseñarlo según sea necesario y usarlo para mostrar los elementos y el contenido del menú. 
El panel para agregar elementos está abierto. El cursor está agregando un menú horizontal al sitio.

Administrar los menús en un sitio

Siempre puedes ajustar un menú existente y los elementos que muestra. Agrega más ítems, elimina los que sean irrelevantes o cambia el orden para mantener el contenido actualizado. 

Para administrar un menú:

  1. Selecciona el menú correspondiente en el editor. 
  2. Haz clic en Administrar menú.
  3. Elige qué hacer a continuación:
El panel para administrar el menú está abierto. El cursor hace clic para cambiar el nombre de un ítem.

Crear menús desplegables

Hay 2 formas de crear menús desplegables en un menú, según cómo quieras que sea el título:
  • Un ítem del menú existente: elige un ítem existente (página o enlace) del menú para mostrar el menú desplegable cuando los visitantes pasen el cursor sobre él. 
  • Un título en el que no se puede hacer clic: agrega un título desplegable que no conduce a ninguna página. Cuando los visitantes pasan el cursor sobre él, se abre el contenedor desplegable. 

Para agregar y configurar un menú desplegable:

  1. Selecciona el menú correspondiente en el editor.
  2. Haz clic en Administrar menú.
  3. Elige lo que quieres hacer:
    • Usa un ítem del menú existente:
      1. Arrastra un elemento del menú para moverlo debajo del elemento que deseas como título del menú desplegable.
      2. Pasa el cursor sobre el mismo ítem y haz clic en el icono Más acciones
      3. Selecciona Mover a "Nombre de la página".
      4. Repite los pasos a - c para todos los demás ítems.
    • Crea un nuevo menú desplegable:
      1. Haz clic en + Agregar ítem.
      2. Selecciona Menú desplegable.
      3. Ingresa el título del menú desplegable. 
      4. Pulsa la tecla Enter en el teclado para guardar los cambios.
      5. Arrastra y suelta los elementos del menú debajo del menú desplegable para agregarlos.
      6. Repite el paso e para todos los demás ítems que desees agregar.
Se ha creado un menú desplegable en el panel para administrar el menú. Se está arrastrando un elemento del menú debajo de él.

Cambiar el tipo de menú

Usa los ajustes de Estilo para elegir el tipo de menú que deseas: una barra de navegación o un menú tipo hamburguesa.

Para establecer el estilo:

  1. Haz clic en el menú desde el editor.
  2. Haz clic estilon el icono Estilo .
  3. Selecciona el tipo de menú:
    • Barra de navegación: los elementos del menú se muestran en una barra.
      • Orientación: elige si la barra es horizontal o vertical.
    • Menú hamburguesa: se muestra un icono. Cuando los visitantes del sitio hacen clic en el icono, se abre el menú.
El panel de estilo del menú. El cursor ha seleccionado la barra de navegación.

Mostrar varios menús en el mismo sitio

Puedes crear tantos menús como necesites y mostrar ítems completamente diferentes en cada uno de ellos. 
Después de agregar un nuevo elemento de menú, puedes elegir qué menú debe mostrar: un menú existente que guardaste o uno nuevo que puedes crear en el acto. Esto significa que puedes guardar los menús y reutilizarlos en diversos elementos de menú en todo el sitio. 
Después de agregar un nuevo elemento de menú, puedes elegir qué menú debe mostrar: un menú existente que guardaste o uno nuevo que puedes crear en el acto. Esto significa que puedes guardar los menús y reutilizarlos en diversos elementos de menú en todo el sitio. 
¿Estás mostrando el mismo ítem en varios menús?
Puedes darle al ítem un nombre único en cada menú para que siempre coincida con la intención específica. Todos los menús que crees son completamente independientes entre sí.