> ## Documentation Index
> Fetch the complete documentation index at: https://help.chateea.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Menús de navegación y categorías desplegables

> Crea menús de navegación para tus sitios y embudos, agrupa enlaces en desplegables y adáptalos a móvil.

El menú de navegación es el elemento que permite a tus visitantes moverse entre las páginas o secciones de tu sitio web o embudo. Suele ir en el encabezado y en el pie de página, y en Chateea se configura con arrastrar y soltar, sin código. Además, puedes agrupar enlaces en categorías desplegables para que el menú quede ordenado.

## Qué admite el menú de navegación

* Enlaces a páginas de tu sitio o embudo.
* Enlaces a URLs externas.
* Menús desplegables (categorías) con un nivel de subelementos.
* Desplazamiento a secciones de la misma página.
* Adaptación automática a móvil.

## Agregar un menú de navegación

**1. Abre la página en el editor**

Ve a **Sitios**, abre el sitio web o embudo y entra en la página que quieres editar.

**2. Busca el elemento**

En **Elementos**, localiza **Menú de navegación** (Navigation Menu).

**3. Colócalo**

Arrástralo a la sección o fila donde quieres que aparezca, normalmente el encabezado.

**4. Abre su configuración**

Selecciona el menú para ver sus opciones en el panel derecho.

## Agregar elementos al menú

**1. Agrega un elemento**

Con el menú seleccionado, haz clic en **Agregar elemento → Nuevo elemento de menú**.

**2. Configura el elemento**

Escribe un nombre descriptivo y elige el destino: una página, una URL o una sección de la página.

**3. Repite**

Agrega todos los elementos que necesites y arrástralos para ordenarlos.

## Crear categorías desplegables

Una categoría agrupa varios enlaces bajo un elemento principal. Al pasar el cursor por encima, se abre un desplegable con los subelementos. Es la mejor forma de ordenar un menú con muchas páginas, por ejemplo, agrupar todos tus servicios bajo "Servicios".

**1. Crea el elemento principal**

Agrega el elemento que hará de categoría, por ejemplo "Servicios".

**2. Agrega los subelementos**

Haz clic en **Agregar elemento → Nuevo elemento de menú** para cada enlace que irá dentro de la categoría.

**3. Anídalos**

Arrastra cada subelemento justo debajo del elemento principal y muévelo ligeramente hacia la derecha hasta que quede sangrado. Esa sangría indica que está anidado y aparecerá en el desplegable.

**4. Guarda y prueba**

Haz clic en **Guardar** y luego en **Vista previa**. Pasa el cursor sobre la categoría para comprobar que se abre el desplegable.

> [!NOTE]
>
> Los menús desplegables admiten un solo nivel de subelementos. Así la navegación sigue siendo sencilla, sobre todo en móvil.

Para renombrar o eliminar un elemento, haz clic en los tres puntos junto a él en el panel lateral y edita el nombre o haz clic en **Eliminar**.

## Opción de ajuste de línea

La opción **Ajustar** (Wrap) hace que los elementos del menú pasen a una nueva línea cuando no caben en una sola fila. Así evitas que el menú se desborde o descuadre el encabezado.

Es especialmente útil si:

* Tu menú tiene muchos elementos.
* Los nombres de los elementos son largos.
* Tu sitio se ve en tabletas o pantallas medianas.

Esta opción no viene activada por defecto: actívala tú en la configuración del menú si la necesitas.

## Comportamiento en móvil

El menú se adapta automáticamente a la vista móvil. Según tu configuración, puede convertirse en un menú de tipo hamburguesa. Los desplegables también funcionan con toque en pantallas táctiles.

## Opciones de estilo

En la pestaña **Estilo** de la configuración del elemento puedes personalizar:

* Tipo y tamaño de letra.
* Alineación del menú (izquierda, centro o derecha).
* Espacio entre elementos.
* Color de fondo.
* Efectos al pasar el cursor.
* Aspecto de los desplegables.

## Menús que llevan a una sección de la página

Puedes hacer que un elemento del menú desplace al visitante hasta una sección concreta de la misma página, por ejemplo "Precios" o "Contacto". El desplazamiento es suave, sin saltos bruscos, y no necesita configuración adicional.

## Buenas prácticas

* Usa nombres cortos y claros en cada elemento.
* Agrupa en categorías cuando tengas muchas páginas.
* Activa **Ajustar** si el menú tiene muchos elementos.
* Revisa siempre la vista móvil antes de publicar.

## Preguntas frecuentes

> **¿Puedo crear más de un nivel de desplegables?**
>
> No. Los desplegables admiten un solo nivel de subelementos para que la navegación sea cómoda, sobre todo en móvil.

> **¿Puedo enlazar a secciones de la misma página?**
>
> Sí. Consulta cómo hacerlo en el artículo sobre desplazarse a una sección.

> **¿Funciona igual en sitios web y embudos?**
>
> Sí, el menú de navegación se comporta igual en ambos.

> **¿Tengo que cambiar algo para que mis menús actuales tengan desplazamiento suave?**
>
> No. El desplazamiento suave se aplica automáticamente. La opción **Ajustar**, en cambio, tienes que activarla manualmente.

## Artículos relacionados

> **[Desplazarse a una sección](https://help.chateea.com/docs/sitios/desplazarse-a-una-seccion.md)**
>
> Enlaza botones y menús a partes de la página.

> **[Menú de navegación y mega menú](https://help.chateea.com/docs/sitios/menu-de-navegacion-y-mega-menu.md)**
>
> Menús más completos para sitios grandes.

> **[Enlaces de llamada, SMS y correo](https://help.chateea.com/docs/sitios/enlaces-de-llamada-sms-y-correo.md)**
>
> Agrega enlaces de contacto directo.

> **[Versión para escritorio y móvil](https://help.chateea.com/docs/sitios/version-para-escritorio-y-movil.md)**
>
> Muestra contenido distinto según el dispositivo.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.