Agregar opciones desplegables a tu navegación

Crea listas de enlaces que aparecen cuando los visitantes desplazan el cursor sobre el texto de navegación.

Última actualización: 11 de febrero de 2025

Usa la función desplegable para crear menús de navegación desplegables en tu sitio. Los menús desplegables a veces se denominan páginas anidadas o submenús. En Squarespace, antes se los conocía como carpetas.

Cada opción desplegable crea un único menú en tu navegación. Puedes agregar varias opciones desplegables para diferentes menús, pero no es posible anidarlas en otra opción desplegable.

Mira el video

Agregar una opción desplegable

Para agregar una opción desplegable:

  1. Abre el panel de Páginas y haz clic en el icono +.
  2. Haz clic en la opción desplegable.
  3. El menú desplegable vacío aparecerá en el panel de páginas. Introduce un título para el menú desplegable, el que aparecerá en la navegación.

Agregar páginas a la opción desplegable

Los menús desplegables no son páginas y no es posible añadir contenidos directamente en ellos. En su lugar, cuando agregas páginas a un menú desplegable, aparecen como elementos de menú que se “despliegan” de tu navegación cuando un visitante desplaza el cursor sobre este.

Para agregar una página existente al menú desplegable, arrástrala y suéltala en el espacio debajo del menú desplegable. Para agregar una página nueva, haz clic en Agregar página debajo del menú desplegable. Para cambiar el orden de las páginas, arrástralas y suéltalas dentro del menú desplegable.

No es posible anidar los desplegables dentro de estos.

KB Guide Image

URL desplegable

Si navegas directamente a la URL de un menú desplegable, se redirecciona a la primera página del menú desplegable. Si el menú desplegable no tiene páginas, verás “Esta carpeta no contiene ninguna página”. No es posible cambiar este texto ni añadir otro contenido.

Páginas de índice (versión 7.0)

Puedes agregar cualquier tipo de página a un menú desplegable, excepto una página de índice. Para dirigir a los que visitan el sitio a una página de índice, selecciona Enlace, pulsa Haz clic para añadir la URL y usa la pestaña Contenido para asignar el enlace a tu página de índice. Para informarte mejor sobre cómo configurar enlaces, visita Agregar enlaces a tu sitio.

Pantalla desplegable

Cómo se verá tu menú desplegable depende de la versión que use tu sitio.

En los sitios que empleen la versión 7.1:

  • Las páginas del menú desplegable aparecen cuando desplazas el cursor sobre el nombre del menú desplegable.
  • Al hacer clic en el título del menú desplegable a no se abre la primera página.
  • El menú desplegable se colapsa en dispositivos móviles y se abre cuando pulsas en él.

Si quieres acceder a información específica para la versión 7.0, consulta Visualización de menús desplegables por plantilla.

Color de Fondo

En los sitios de la versión 7.1, el color de fondo del menú desplegable depende del estilo del encabezado:

  • Liso : el color de fondo sigue el ajuste de color de fondo en la configuración de tu encabezado o el ajuste Fondo de sección de todo el sitio para el tema que selecciones para el encabezado.Para cambiarlos, haz clic en Editar encabezado, haz clic en Editar diseño, haz clic en la pestaña Color y, a continuación, haz clic en Color o Tema, según la combinación de colores que elijas. 
  • Degradado: el color de fondo sigue el ajuste de color de fondo en la configuración de tu encabezado. Para cambiar esto, haz clic en Editar encabezado, en Editar diseño y luego en la pestaña Color .
  • Dinámico: el color de fondo sigue el ajuste de Fondo de sección en todo el sitio para el tema de la primera sección de la página. Para cambiarlo, abre los estilos del sitio, haz clic en Colores, luego desplaza el cursor sobre el tema que usa la sección y haz clic en el icono del lápiz.

Para acceder a una lista de los ajustes de la versión 7.0 que configuran este color, consulta Visualización de menús desplegables por plantilla.

Eliminar el desplegable

Si borras un menú desplegable, también se eliminarán las páginas que contiene.

Para eliminar un desplegable:

  1. Desplaza el cursor sobre el menú desplegable en el panel de páginas y haz clic en el icono de la papelera
  2. Presiona Borrar para confirmar. 
  1. Pulsa Más y, a continuación, Páginas.
  2. Si estás en un sitio en la versión 7.1, toca el menú desplegable que quieres eliminar, toca el icono de la papelera y luego presiona Confirmar. Para los sitios de la versión 7.0, desliza hacia la izquierda en el menú desplegable y toca Eliminar

Consejo

 Puedes restaurar las páginas dentro de los 30 días.

Menús anidados de categoría de productos (versión 7.1)

Las categorías de productos crean una navegación independiente en la parte superior de tu tienda.

En las páginas de tienda de la versión 7.1, puedes crear menús de subcategorías anidados. Para obtener más información, consulta Cómo organizar productos.

Las páginas de tienda de la versión 7.0 tienen una navegación ‌por categorías, pero no es posible mostrar subcategorías anidadas.

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.

Agregar opciones desplegables a tu navegación