> ## 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ú de navegación y mega menú

> Crea menús de navegación con mega menús desplegables o usa encabezados prediseñados listos para personalizar.

El menú de navegación es lo primero que usa un visitante para moverse por tu sitio. En el creador de embudos y sitios web de Chateea puedes crear menús simples o **mega menús**: paneles desplegables amplios que muestran varias columnas con enlaces, imágenes y textos. Son ideales si tienes muchos servicios, categorías de productos o zonas de atención.

## Qué es un mega menú

Un mega menú aparece cuando el visitante pasa el cursor sobre un elemento del menú. En lugar de una lista corta de enlaces, muestra un panel organizado donde puedes combinar:

* Enlaces agrupados por categoría.
* Imágenes (por ejemplo, un producto destacado).
* Textos descriptivos o llamadas a la acción.

El menú de navegación tiene un editor de estilos renovado, mejor organizado, y cuando editas un mega menú aparece una capa que oscurece el resto de la página para que te concentres en el contenido del panel.

## Opción 1: usar un encabezado con mega menú prediseñado

La forma más rápida es partir de un encabezado listo.

**1. Abre la página**

Entra en **Sitios**, elige el embudo o sitio web y abre la página en el editor.

**2. Abre Agregar elementos**

Haz clic en **Agregar elementos** en el editor.

**3. Elige Secciones prediseñadas**

En el menú lateral, selecciona **Secciones prediseñadas**.

**4. Selecciona un diseño de mega menú**

Previsualiza los encabezados con mega menú disponibles y elige el que mejor encaje con la estructura de tu sitio.

**5. Personalízalo**

Cambia textos y destinos de los enlaces, colores, fuentes y espaciado, agrega o quita íconos y subcategorías, y reorganiza columnas o bloques.

**6. Guarda y publica**

Haz clic en **Guardar** y luego en **Publicar**.

## Opción 2: crear tu propio mega menú

**1. Agrega el menú de navegación**

En el panel de elementos de la izquierda, agrega el elemento **Menú de navegación**.

**2. Configura diseño y estilo**

En el panel de la derecha, ajusta el diseño y los estilos del menú con el editor de estilos.

**3. Agrega un mega menú**

Haz clic en **Agregar elemento** y elige **Mega menú**.

**4. Llena el panel**

Agrega imágenes, textos y enlaces. Arrastra y suelta los elementos dentro del mega menú para ordenarlos.

**5. Ajusta la apariencia**

Cambia colores de fondo, fuentes y espaciado para que combine con tu marca.

**6. Revisa con la vista previa**

Usa la vista previa para ver exactamente cómo se verá en el sitio publicado antes de publicar.

## Preguntas frecuentes

> **¿Puedo usar el mismo mega menú en varias páginas?**
>
> Sí. Guarda el encabezado personalizado como sección reutilizable (o como sección global) y agrégalo en las demás páginas de tus embudos o sitios para mantener una navegación uniforme.

> **¿Los mega menús funcionan en móvil?**
>
> Sí. Los encabezados prediseñados están pensados para adaptarse a pantallas pequeñas. Aun así, revisa siempre la vista móvil antes de publicar.

> **¿Puedo agregar mis propios enlaces o botones?**
>
> Sí. Puedes enlazar a páginas internas, a URL externas o activar ventanas emergentes y otras acciones desde los elementos del mega menú.

> **¿Puedo cambiar el número de columnas?**
>
> Sí. Desde el editor puedes agregar o quitar columnas, cambiar su ancho y reorganizar los bloques.

> **¿El mega menú tiene animaciones al desplegarse?**
>
> Muchos diseños prediseñados incluyen interacciones al desplegarse que puedes activar o modificar al personalizarlos.

## Buenas prácticas

* Agrupa los enlaces en pocas categorías claras; un mega menú saturado confunde tanto como uno sin orden.
* Usa una imagen o un botón destacado para tu oferta principal.
* Mantén la misma navegación en todas las páginas para que el visitante no se pierda.

## Artículos relacionados

> **[Acciones de imagen](https://help.chateea.com/docs/sitios/acciones-de-imagen.md)**
>
> Acciones al hacer clic, también en el menú de navegación.

> **[Vista general de los sitios web](https://help.chateea.com/docs/sitios/vista-general-de-sitios-web.md)**
>
> Crea y organiza tu sitio.


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