Editor de Wix Harmony: agregar y administrar menús
16 min
En este artículo
- Agregar un menú
- Agregar y administrar los ítems del menú
- Agregar menús desplegables almenú
- Cambiar el diseño del menú
- Diseñar menús verticales y horizontales
- Trabajar con menús para dispositivos móviles
- Preguntas frecuentes
Este artículo hace referencia al nuevo Editor de Wix Harmony, lanzado en enero de 2026. Si no tienes la seguridad de si estás usando el Editor de Wix Harmony o el Editor de Wix, obtén más información aquí.
Los menús facilitan que tus visitantes exploren tu sitio y descubran lo que ofreces. Elige las páginas y los enlaces más estratégicos para tu negocio. Tienes el control total sobre la estética y funcionalidad del menú, garantizando una navegación intuitiva desde cualquier dispositivo.
Agregar un menú
Los menús ayudan a quienes navegan por tu sitio a desplazarse por las páginas. En la categoría Menú del panel Agregar elementos, las opciones horizontal, vertical y hamburguesa agregan un menú del sitio que está conectado a las páginas de tu sitio (es decir, las páginas nuevas aparecen automáticamente en este menú).
También puedes agregar un menú personalizado independiente para áreas específicas y elegir si aparece como un menú horizontal, vertical o de hamburguesa. Por ejemplo, crea un menú personalizado para el pie de página de tu sitio o para una página específica que necesite su propia navegación.
Para agregar un menú:
- Ve a tu editor.
- Haz clic en + Agregar en la parte superior izquierda del editor.
- Selecciona la categoría Menú.
Consejo: Haz clic en el icono de flecha
junto a las categorías para navegar por la lista. - Dependiendo del tipo de menú que quieras agregar, sigue los pasos a continuación:
Menú del sitio
junto a un ítem del menú para cambiarle el nombre o eliminarlo. Menú personalizado
¿Sabías lo siguiente?
Si agregas una barra de menú al encabezado del sitio, esta se convierte automáticamente en un menú de hamburguesa en la versión para dispositivos móviles. Esto mantiene la navegación de tu sitio limpia y ordenada en pantallas más pequeñas.
Agregar y administrar los ítems del menú
Una vez que hayas agregado el menú, elige los ítems que quieres mostrar. Selecciona páginas normales del sitio, colecciones de páginas de apps y del CMS, o páginas específicas dentro de una colección. También puedes agregar contenedores desplegables y enlaces para adaptar verdaderamente la experiencia a las necesidades de tus clientes.
Siempre puedes ajustar un menú existente y los ítems que muestra. Agrega más ítems, elimina los que no sean relevantes o cambia el orden para mantener el contenido actualizado.
Para administrar un menú:
- Ve a tu editor.
- Haz clic en el menú.
- Haz clic en Administrar menú.
- Elige qué hacer a continuación:
Agregar más ítems al menú
Cambiar el enlace de un ítem del menú
Cambiar el nombre de un ítem del menú
Eliminar un ítem del menú
Reordenar los ítems del menú
junto a un ítem y arrástralo a la posición deseada.
Agregar menús desplegables almenú
Usa menús desplegables para agrupar páginas relacionadas bajo un solo elemento del menú y mantener la navegación fácil de leer. Elige un elemento principal, ya sea una página o un enlace, y anida otras páginas debajo para crear el menú desplegable.
Para agregar y configurar un menú desplegable:
- Ve a tu editor.
- Haz clic en el menú.
- Haz clic en Administrar menú.
- Decide qué ítem del menú quieres usar para el título del menú desplegable.
- Mueve el primer ítem del menú al menú desplegable:
- Arrastra el ítem del menú correspondiente debajo del título del menú desplegable.
- Pasa el cursor sobre el ítem que arrastraste y haz clic en el icono Más acciones
. - Selecciona Mover a "Nombre de la página".
- Repite el paso 5 para todos los demás ítems que quieras mover al menú desplegable.
Arrastrar con el ratón de forma alternativa:
¿Quieres una forma más rápida de convertir páginas en ítems de un menú desplegable? Arrastra una página hacia arriba o hacia abajo y, luego, muévela ligeramente hacia la derecha hasta que se "anide" debajo de otra página. El GIF a continuación muestra cómo se hace.
Cambiar el diseño del menú
Un estilo de menú claro ayuda a la gente a ver rápidamente por dónde seguir navegando. Elige una barra de menú cuando quieras que todos tus ítems sean visibles en una línea o columna, con opciones adicionales para controlar el comportamiento del desbordamiento en los menús horizontales. Si prefieres una estética más compacta para abrir la navegación, elige un menú hamburguesa, ideal para estilos limpios y minimalistas o cuando el espacio es limitado.
Para cambiar el diseño del menú:
- Ve a tu editor.
- Haz clic en el menú.
- Haz clic en Cambiar formato en la barra de acciones.
- Elige la opción correspondiente en Menú:
- Barra de menú: los ítems del menú se muestran en una barra de navegación. En Orientación, elige si la barra es horizontal o vertical.
Consejo: Para los menús horizontales, también puedes elegir el Comportamiento del ítem cuando no hay suficiente espacio para los ítems en la pantalla de los visitantes: ya sea dejar que el menú se expanda (Ajustar al texto) o agregar un botón para desplazarse por los ítems adicionales (Ajustar para desplazarse). - Hamburguesa: las personas que visitan el sitio ven un icono en el que hacen clic para abrir el menú. Esta es una excelente opción para estilos limpios y minimalistas.
- Barra de menú: los ítems del menú se muestran en una barra de navegación. En Orientación, elige si la barra es horizontal o vertical.
Diseñar menús verticales y horizontales
Haz que tus menús destaquen al personalizar cada detalle, desde los colores y los bordes hasta el texto, las esquinas y el estilo. Ya sea que tu menú sea horizontal o vertical, puedes controlar cómo se ven la barra de menú y sus ítems, diseñar menús desplegables y ajustar el espaciado para que todo sea perfecto para tus visitantes.
¿Estás diseñando un menú de hamburguesa?
Lee nuestro artículo sobre los menús de hamburguesa para obtener más información. Puedes diseñar cada parte, desde el botón hasta el contenedor.
Para diseñar un menú vertical u horizontal:
- Ve a tu editor.
- Haz clic en el menú.
- Haz clic en el icono Todas las opciones de diseño
en la barra de acciones. - Selecciona la parte correspondiente del menú en Elige una parte de la barra de menú.
Barra de menú e ítems del menú
: cambia el color de tu menú eligiendo uno de los colores de tu marca o un color personalizado.
: define los bordes de tu menú para que destaque, eligiendo un color, ancho y estilo. Haz clic en el icono Editar bordes individuales 
para diseñar cada lado del borde.
: diseña los ítems del menú cambiando la fuente, el color, el formato, la alineación, el espaciado de caracteres y más.
: haz que las esquinas de tu menú sean más cuadradas o redondas arrastrando el control deslizante bajo Radio. Haz clic en el icono Editar esquinas individuales 
: aplica una sombra interior y exterior para darle al menú un efecto 3D interesante, configurando la posición, el desenfoque, el color y más.
: añade espacio al contenido: agrega relleno y ajusta el espaciado entre los ítems.
: decide si aplicar o no la dirección del sitio (de izquierda a derecha o de derecha a izquierda) a este menú. Para los menús verticales, también puedes elegir el ancho de los ítems del menú y si los menús desplegables aparecen abiertos o cerrados.Menús desplegables e ítems desplegables
Trabajar con menús para dispositivos móviles
Al acceder a tu sitio desde un teléfono móvil, el encabezado se transforma para crear una experiencia fluida y sin distracciones. Los elementos del encabezado en la versión para dispositivos de escritorio (por ejemplo, enlaces de navegación, iconos de redes sociales) se mueven a un menú de hamburguesa compacto, dejando solo lo esencial en la parte de arriba. Puedes mover elementos dentro del menú móvil o quitarlos según sea necesario.
Para ajustar el menú del encabezado para dispositivos móviles:
- Ve a tu editor.
- Haz clic en el icono Móvil
en la parte superior derecha de la página. - Haz clic en el icono de menú hamburguesa.
- Haz clic en el menú desplegable de Modo normal y selecciona Menú hamburguesa.
- Elige qué hacer a continuación:
- Cambiar la posición de los elementos dentro del contenedor: arrastra los elementos para moverlos por el contenedor del menú de hamburguesa.
- Agregar elementos al contenedor: usa el panel Agregar elementos para agregar más elementos al contenedor del menú de hamburguesa. Estos elementos son solo para dispositivos móviles, lo que significa que no aparecerán en la versión para dispositivos de escritorio.
- Mover un elemento de vuelta al encabezado: haz clic derecho en el elemento y selecciona Mover al encabezado.
Preguntas frecuentes
Haz clic en una de las siguientes preguntas para obtener más información.
¿Puedo cambiar el tamaño de la barra de menú?
¿Puedo agregar varios menús al encabezado?
¿Al eliminar una página del menú, se elimina dicha páginade mi sitio?
¿Tengo que mostrar todas las páginas de mi sitio en el menú?