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

# Navbar y Footer

> Preparar enlaces de menús y ventanas modales; editar el contenido de fuente o botón, iconos, pestañas y relaciones de sub menú.

Página Creative **Home**El área con tarjetas de menú superior. **Menú de pie**regula los grupos de conexión bajo la vista previa. Cerrar **Contacto y pie de página** La sección es para direcciones de cuenta social.

[![Navbar editing area, Footer Menu, Social accounts](https://mintcdn.com/zonely-a8cd49e7/1YZhYgRlU_SSqjAM/images/panel/page-builder-guide-20261025/27-menu-konumlari-es.png?fit=max\&auto=format\&n=1YZhYgRlU_SSqjAM\&q=85\&s=adc2225a3c9b349513898ccf6c700268)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/27-menu-konumlari-es.png)

> [card] 1. Área de edición de Navbar
>
> Utilice las tarjetas de menú superior y el nuevo botón de inserción de elementos aquí.

> [card] 2. Menú de pie
>
> Abre el menú inferior con el botón de flecha; edita grupos y conexiones.

> [card] 3. Cuentas sociales
>
> Enter Facebook, X, Instagram, YouTube y Discord se dirigen desde esta sección.

## Abrir el artículo que editarás

Junto a la tarjeta de menú principal **Ok**, abra y cierre los sublinks. Su propio artículo **Pen** Editar ese registro pulsando el botón. Siguiente artículo para Navbar **+** Utilice el botón.

[![Open the bottom menu, Carry handle, Edit the item](https://mintcdn.com/zonely-a8cd49e7/1YZhYgRlU_SSqjAM/images/panel/page-builder-guide-20261025/28-navbar-alt-ogeler-es.png?fit=max\&auto=format\&n=1YZhYgRlU_SSqjAM\&q=85\&s=451631c7bf166e58f23c786230ef7bba)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/28-navbar-alt-ogeler-es.png)

> [card] 1. Abra el menú inferior
>
> La flecha junto a la tarjeta, cierra y cierra los subvínculos.

> [card] 2. Mango de transporte
>
> Move el artículo a su propio pedido o bajo otro menú principal.

> [card] 3. Editar el tema
>
> El bolígrafo abre la configuración del enlace correspondiente; las herramientas de cada artículo son separadas.

Puedes acceder a las tarjetas que no aparecen en la tira horizontal con flechas derecha/sol. Navegar el menú de visitantes en la vista previa, es para organizar el menú de tarjetas Navbar en él.

## Rellene las áreas comunes del menú

**Menú Título**El visitante es el nombre para hacer clic. **icono** Seleccione un icono del campo; puede buscar el icono cuando se abra selectivamente. **Menú superior** Determina que el elemento independiente u otro menú tiene la conexión inferior.

**Menú para ti**is el elemento principal independiente. Cuando seleccione otro menú, el elemento se colocará debajo de él. Escribir el nombre de otro menú en el campo de encabezado no establece esta relación.

**RGB** La opción gestiona el efecto de color en el menú donde se ofrece. **Subinformación** Preparar una explicación adicional del artículo en el campo. Tipo de menú determina qué sucederá al hacer clic en: **Enlace regular** abre una dirección, ventana **modal** se abre en la misma página.

## Agregar enlace a una página

1. Preparar el encabezado del menú e icono.
2. **Tipo de menú → Enlace normal** Select.
3. **Tipo de página** Encuentra la página de destino del selectivo. Si se requiere la elección para productos adicionales, información de usuario o página, rellene el área correspondiente.
4. Si entra en su dirección **Página especial** Seleccione y escriba la ruta in-site o dirección externa completa.
5. **Estado de la Tab** Seleccione la misma o nueva pestaña con.
6. Verificación y control de la relación superior del menú y preferencias de apariencia **Publish** Guardar con.

[![Menu header, Icon, Menu type, Connection and tab, Tab status, Bottom information, Top menu relationship, RGB view](https://mintcdn.com/zonely-a8cd49e7/SCpALW29XPi0GiK6/images/panel/content-appearance-20261026/menus/15-normal-menu-es.png?fit=max\&auto=format\&n=SCpALW29XPi0GiK6\&q=85\&s=8510c71cc06c457584b9eb9204759aef)](https://docs.zonely.gen.tr/images/panel/content-appearance-20261026/menus/15-normal-menu-es.png)

> [card] 1. Cabecera de menú
>
> Enter el nombre que el visitante verá en el menú superior.

> [card] 2. Icono
>
> Seleccione el icono para usar junto al encabezado del menú.

> [card] 3. Tipo de menú
>
> Seleccione el Enlace Normal para cambiar a una página.

> [card] 4. Conexión y pestaña
>
> Tipo la dirección de destino, haga la misma pestaña o nueva selección de pestañas.

> [card] 5. Estado de la tab
>
> Seleccione la conexión para abrir en la pestaña existente o nueva.

> [card] 6. Subinformación
>
> Preparar explicación adicional que acompañará el elemento del menú.

> [card] 7. Relación de menú superior
>
> Seleccione el menú que está conectado si el elemento inferior será.

> [card] 8. Vista RGB
>
> Abre el efecto del menú de color con esta opción.

Por ejemplo, puede conectar un elemento titulado Centro de ayuda a la página de ayuda de su sitio. Para poner un contenido que crea en el menú [Páginas especiales](https://docs.zonely.gen.tr/es/guides/special-pages.md) Compruebe la guía.

## ¿Qué es modal, cuando se usa?

**modal**La ventana se abrió en la página existente cuando el visitante hace clic en el menú. Puede utilizar una descripción corta o para recoger varios enlaces en una ventana. El contenido de la ventana se muestra en lugar de ir al objetivo URL.

Antes de preparar el menú modal **Tipo de menú → Modal**, entonces **Contenido Modal** Elige tu elección. **Texto Sólo** una descripción, **Botones** y enlaces clicables.

### Mostrar descripción sólo con el artículo

1. Nuevo artículo **Menú Título** Tipo Información de soporte, por ejemplo.
2. Seleccione el icono y **Tipo de menú → Modal** Do.
3. **Contenido Modal → Escribir** Select.
4. Cerrar **Texto Modal** Escribir una descripción para mostrar a los visitantes a la zona.
5. Si es necesario **Menú superior** insertar el artículo en un grupo con la ventana.
6. Verificación y control de las preferencias de imagen **Publish** Presione el botón.

[![Menu header, Icon, Modal menu, Content type, Modal post, Menu location, Color effect](https://mintcdn.com/zonely-a8cd49e7/SCpALW29XPi0GiK6/images/panel/content-appearance-20261026/menus/16-metin-menu-es.png?fit=max\&auto=format\&n=SCpALW29XPi0GiK6\&q=85\&s=79e22ede82aa505e13a63327e3e5efa2)](https://docs.zonely.gen.tr/images/panel/content-appearance-20261026/menus/16-metin-menu-es.png)

> [card] 1. Cabecera de menú
>
> Escribe el nombre del menú que el visitante hará clic.

> [card] 2. Icono
>
> Sienta un icono que se ajusta al menú.

> [card] 3. Menú Modal
>
> Modal tipo de menú Modal, sólo tiene que seleccionar el contenido como Font.

> [card] 4. Tipo de contenido
>
> Just seleccione el artículo para mostrar una descripción en esta ventana.

> [card] 5. Puesto de modificación
>
> Tipo el contenido de la ventana abierta haciendo clic en el menú.

> [card] 6. Ubicación del menú
>
> También puedes colocar el modal en uno de los menús superiores.

> [card] 7. Efecto del color
>
> Abre el efecto RGB del encabezado del menú de acuerdo a tu petición.

Modal Font se utiliza en lugar de este tipo de dirección de conexión normal. Prepare un texto que la descripción breve de soporte puede leer sin dejar la información de la comunidad o visitante de la página.

Después de registrarse, haga clic en este menú en la vista del visitante. Compruebe el texto se hace realidad y la ventana se puede apagar. Abra el formulario desde la pluma del mismo menú para cambiar el texto **Actualización** Utilice el proceso.

### Ofrezca algunas conexiones de destino con botones

Tipo de menú **modal**, contenido **Botones** Select. **Añadir Buton** Abre la línea con el botón. Llena tres áreas de cada línea:

* **Cabeza de botón de empuje:** El artículo que se hace clic en la ventana es la Comunidad Discord.
* **Buton URL:** Es la dirección de apertura del botón.
* **Color de botón:** El color de la apariencia del botón.

[![Menu header, Buttons mode, Pushbutton Head, Pushbutton URL, Pushbutton Color, Pushbutton Insert, Top menu, RGB](https://mintcdn.com/zonely-a8cd49e7/SCpALW29XPi0GiK6/images/panel/content-appearance-20261026/menus/18-buton-menu-es.png?fit=max\&auto=format\&n=SCpALW29XPi0GiK6\&q=85\&s=5a6a8574ca3eba6ab8f6a776d31485b7)](https://docs.zonely.gen.tr/images/panel/content-appearance-20261026/menus/18-buton-menu-es.png)

> [card] 1. Cabecera de menú
>
> Tipo el nombre del menú que abrirá la ventana de enlaces.

> [card] 2. Modo de botones
>
> Show múltiples conexiones de destino en la ventana que se abre.

> [card] 3. Cabeza de botón empuje
>
> Tipo el nombre del botón para hacer clic en la ventana.

> [card] 4. URL de Pushbutton
>
> Tipo la dirección para abrir cuando haga clic en este botón.

> [card] 5. Empujar el color de botón
>
> Seleccione el color del botón.

> [card] 6. Insertar el botón
>
> Abre la nueva línea; Sil botón elimina la línea correspondiente solamente.

> [card] 7. Menú superior
>
> Position el artículo bajo el menú independiente u otro menú.

> [card] 8. RGB
>
> Seleccione la preferencia de efecto del encabezado del menú.

Renovar para un segundo botón **Añadir Buton** Use. Por ejemplo, puede conectar un botón a Discord, el otro al Centro de Ayuda. Cada línea tiene su propio encabezado, dirección y color.

La línea **Suprímase** botón elimina el botón correspondiente solamente. Completa y guarda la relación del menú superior del menú, icono y otras áreas de vista. Abre el menú en la vista del visitante; haz clic en cada botón y revisa su propio objetivo.

## Cambiar cola de Navbar y sublinks

Tarjeta **desde el icono de transporte o el campo de cabecera** de sujeción. Deja el punto entre dos tarjetas principales para ordenar al mismo nivel.

Tome un enlace al centro de la tarjeta principal de destino para ponerse en otro menú. Deje la lista inferior al orden deseado cuando se abra. Retire la barra horizontal de la lista abierta para hacer el elemento principal de vuelta el enlace inferior.

estructura **menú principal + elemento inferior** como dos niveles. No se puede crear un tercer nivel al tomar un grupo de subvínculos en otro grupo. Mantenga el arreglo, eliminar o abrir botones de flecha no el área de carga.

## Prepare footer connections

Bajo Vista previa **Menú de pie** abre la tira con el botón de flecha. Los encabezados y sublinks del grupo aparecen como tarjetas separadas. Cada lápiz de registro abre su propio formulario de edición.

[![Footer tools, Main group, Bottom link, Group settings](https://mintcdn.com/zonely-a8cd49e7/1YZhYgRlU_SSqjAM/images/panel/page-builder-guide-20261025/30-footer-gruplari-es.png?fit=max\&auto=format\&n=1YZhYgRlU_SSqjAM\&q=85\&s=ac4374a331f1eda7cb24ab0a3df0d40e)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/30-footer-gruplari-es.png)

> [card] 1. Herramientas de pie
>
> Abre el panel o prepara el nuevo registro con Add Items.

> [card] 2. Grupo principal
>
> Cambiar el orden de columna de los submarinos portando el grupo.

> [card] 3. Enlace básico
>
> Sort en grupo o moverlo a otro grupo.

> [card] 4. Ajustes de grupos
>
> Utilice sus propias herramientas de edición de cada grupo y conexión.

**Add to Item** Registrate con nuevo registro. Introduzca el encabezado y el icono. Establezca el tipo de página, el objetivo y la preferencia de pestañas para la conexión normal. **Menú superior** Seleccione el grupo que será objeto independiente o conectado en el campo.

[![Bottom menu element, Icon, Menu type, Target link, Tab, Bottom menu group](https://mintcdn.com/zonely-a8cd49e7/SCpALW29XPi0GiK6/images/panel/content-appearance-20261026/menus/19-footer-menu-es.png?fit=max\&auto=format\&n=SCpALW29XPi0GiK6\&q=85\&s=b1354214b212630737550c43386aa9d1)](https://docs.zonely.gen.tr/images/panel/content-appearance-20261026/menus/19-footer-menu-es.png)

> [card] 1. Elemento del menú inferior
>
> Tipo el encabezado para mostrar en Footer.

> [card] 2. Icono
>
> Seleccione el icono del enlace de pie.

> [card] 3. Tipo de menú
>
> Seleccione la conexión normal o la ventana modal.

> [card] 4. Enlace objetivo
>
> Segure la dirección de apertura y selección de pestañas del visitante.

> [card] 5. Tab
>
> Determine la apertura del objetivo en la misma o nueva pestaña.

> [card] 6. Grupo de menús de fondo
>
> Mostrar el artículo en sí mismo o en otro menú.

En Footer **Tipo de menú → Modal** Usted puede utilizarlo. **Texto Sólo** Llene la fuente de Modal cuando se seleccione; **Botones** Prepare header, URL y campos de color de cada botón cuando se seleccione.Inscripción y pasos de control de dos tipos de modal en Navbar están disponibles aquí.

Arrastre el encabezado del grupo en la fila de la columna, arrastre el enlace inferior, cambie su propia secuencia. Puede cambiar el enlace al grupo dejando al otro grupo en la lista desplegable.

## Guardar y desconectar el reset

Nuevo menú de elementos **Publish**, el artículo existente **Actualización** guardado con. Arrastre y suelte Navbar y Pie de Página **orden y la relación superior del menú se guardan automáticamente**; espere la notificación del resultado.

La configuración de su sitio general **Guardar todo** no se utiliza en lugar de estos formularios de menú. Remarque la ubicación final del artículo si hay notificación de error en la clasificación.

Navbar o Footer Menu header **flecha circular**opens la lista correspondiente al diseño de instalación inicial. Cuando confirma, la lista de menús es reemplazada por los elementos de instalación. Navbar y footer se reinician por separado.

## Ingrese las direcciones de cuenta social

Cerrar **Contacto y pie de página** Escribir Facebook, X, Instagram, YouTube y Discord desde la sección. Utilice el enlace de perfil, canal o invitación como dirección completa.

[![Social account addresses, YouTube, Discord invitation](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/17-sosyal-hesaplar-es.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=bd9df7f1d3268980e127f3c2d5dada8f)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/17-sosyal-hesaplar-es.png)

> [card] 1. Dirección de la cuenta social
>
> Type enlaces de perfil completo para Facebook, X e Instagram.

> [card] 2. YouTube
>
> Enter la dirección de canal de apertura del visitante.

> [card] 3. Invitación a la discordia
>
> Utilice el enlace de participación válido de su comunidad.

Estas áreas de cuenta social son ajustes generales; **Guardar todo** guardadas. Finalmente, trate de abrir y abrir el menú superior, sublinks, ventanas modales y conexiones de pie en la vista telefónica.


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