OptimoCMS Docs
Volver al resumen

Navegación

Gestiona el menú de tu sitio web.

Gestionar elementos del menú

El editor de navegación te permite construir el menú principal de tu sitio web. Puedes: • Añadir nuevos elementos al menú • Reordenar arrastrando elementos • Crear submenús anidando elementos bajo otro elemento • Renombrar o eliminar elementos

Añadir un elemento al menú

Haz clic en "Añadir elemento" y elige primero el tipo: • Enlace – Un elemento de menú normal que enlaza a una página • Grupo – Un contenedor desplegable sin enlace propio • Mega menú – Un panel expandido con columnas, imágenes y botones de acción Luego completa la etiqueta y (para Enlace/Mega menú) el slug de la página destino.
Consejos
  • El slug debe coincidir con el slug de una página existente.
  • Mantén el menú claro: máximo 6-7 elementos en el menú principal.

Tipo de elemento: Enlace

Un Enlace es el elemento de menú predeterminado. Enlaza directamente a una página de tu sitio web. Formatos de slug: • /nombre – Enlaza a una página publicada • #hero – Desplaza a una sección de la página de inicio • https://... – Enlace externo (se abre en una nueva pestaña)

Tipo de elemento: Grupo

Un Grupo es un elemento de menú que no enlaza a una página, sino que sirve como contenedor para subelementos. Los visitantes ven un desplegable al pasar el ratón. Usa un Grupo cuando quieras agrupar varias páginas relacionadas bajo una etiqueta, por ejemplo "Servicios" con subpáginas debajo.
Consejos
  • Un Grupo no necesita slug — es solo un activador de desplegable.
  • Arrastra subelementos hacia la derecha bajo el Grupo para mostrarlos como contenido desplegable.

Tipo de elemento: Mega menú

Un Mega menú abre un panel ancho debajo del elemento de menú con múltiples columnas. Cada elemento Mega menú puede contener: • Columnas – Cada columna tiene un título y una lista de enlaces (etiqueta + URL + descripción e icono opcionales) • Imagen – Una imagen hero opcional en el lado derecho del panel • Descripción – Texto corto mostrado junto a la imagen • Botón CTA – Un botón de llamada a la acción opcional (estilo primary o secondary) Los mega menús son ideales para sitios web con muchas páginas, como tiendas online o grandes sitios corporativos.
Consejos
  • Usa un máximo de 4 columnas para un mega menú claro.
  • Añade un botón CTA para guiar a los visitantes a tu página más importante.
  • La imagen hace el menú más atractivo visualmente — usa una foto o ilustración relevante.
Nota
  • Los mega menús no se muestran como panel ancho en móvil. En móvil, las columnas se muestran como desplegables anidados.

Submenús

Puedes anidar elementos del menú para crear un submenú (desplegable). Arrastra un elemento hacia la derecha bajo otro para colocarlo como subelemento. Los visitantes ven el submenú como un desplegable al pasar el ratón sobre el elemento padre.
Nota
  • Usa un máximo de 2 niveles de profundidad. Submenús más profundos confunden a los visitantes.

Llámanos