Adicionando uma lista suspensa à navegação

Crie uma lista com links que aparecem quando os visitantes passam o cursor sobre um texto de navegação.

Ultima atualização 11 de Fevereiro de 2025

Use uma lista suspensa para criar um menu suspenso de no site. O menu suspenso às vezes é chamado de páginas aninhadas ou submenus. No Squarespace, ele era conhecido antes como pastas.

Cada item da lista suspensa cria um menu na navegação. É possível adicionar mais de um item em diferentes menus, mas não é possível aninhar um item da lista suspensa dentro de outro.

Assistir a um vídeo

Adicione uma lista suspensa

Para adicionar um item a uma lista suspensa:

  1. Abra o painel "Páginas" e clique no ícone +.
  2. Clique em Lista suspensa.
  3. A lista suspensa vazia aparecerá no painel "Páginas". Dê um título à lista para aparecer na navegação.

Adicione uma página à lista suspensa

O item suspenso não é uma página e não é possível adicionar conteúdo diretamente a ele. Em vez disso, ao adicionar uma página ao item suspenso, ela aparece como um item do menu que "caem" da sua navegação quando um visitante passa o cursor sobre ele.

Para adicionar uma página existente à lista suspensa, arraste e solte-a no espaço abaixo do item na lista. Para adicionar uma nova página, clique em Adicionar página abaixo do item na lista suspensa. Para alterar a ordem das páginas, arraste e solte-as dentro do item na lista suspensa.

Não é possível aninhar itens da lista suspensa dentro outro.

KB Guide Image

URL da lista suspensa

Ao navegar diretamente para o URL de uma lista suspensa, ele redirecionará para a primeira página da lista. Se ela não tiver páginas, você verá “Esta pasta não contém páginas”. Não é possível alterar esse texto nem adicionar conteúdo.

Páginas Índice (versão 7.0)

Você pode adicionar qualquer tipo de página a uma lista suspensa, exceto a página índice. Para direcionar visitantes para a página índice, selecione Criar link, clique em Clicar para adicionar URL e use a aba Conteúdo para direcionar o link para a página índice. Saiba mais sobre a configuração de links em "Adicionando um link ao site".

Exibição da lista suspensa

A exibição da lista suspensa depende da versão do site.

Na versão 7.1:

  • Na lista suspensa, as páginas aparecem quando você passa o cursor sobre o título do item da lista.
  • A primeira página não é aberta ao clicar no título da lista suspensa.
  • Na versão móvel, a lista suspensa aparece recolhida e é aberta quando tocada.

Veja informações específicas da versão 7.0 em Lista suspensa por template.

Cor de fundo

Nos sites da versão 7.1, a cor do fundo da lista suspensa depende do estilo do cabeçalho:

  • Cheia - a cor do fundo segue o ajuste Cor do fundo nas configurações do cabeçalho; ou o ajuste do plano de fundo da seção geral do site no tema selecionado para o cabeçalho. Para alterá-las, clique em Editar cabeçalho, depois em Editar design, depois na aba Cor e, por fim, em Cor ou Tema, dependendo do esquema de cores. 
  • Gradiente - a cor do fundo segue o ajuste Cor do fundo nas configurações do cabeçalho. Para alterar, clique em Editar cabeçalho, depois em Editar design e depois na aba Cor.
  • Adaptável - a cor do fundo segue o ajuste Fundo da seção geral do site quanto ao tema da primeira seção da página. Para alterar, abra os estilos do site, clique em Cores, passe o cursor sobre o tema usado pela seção e clique no ícone de lápis.

Veja uma lista dos ajustes da versão 7.0 que definem essa cor em Lista suspensa por template.

Apague um item da lista suspensa

Ao apagar uma lista suspensa, as páginas delas também são apagadas.

Para apagar um item da lista suspensa:

  1. Passe o cursor sobre a lista suspensa no painel "Páginas" e clique no ícone da lixeira
  2. Clique em Apagar para confirmar. 
  1. Toque em Mais e depois em Páginas.
  2. Na versão 7.1, toque no menu suspenso a ser apagado, depois toque no ícone de lixeira e depois em Confirmar. Na versão 7.0, deslize o dedo para esquerda na lista suspensa e toque em Apagar

Dica

 Você pode restaurar as páginas dentro de 30 dias.

Menus aninhados da categoria de produto (versão 7.1)

As categorias de produtos criam uma navegação separada na parte superior da loja.

Nas páginas da loja na versão 7.1, é possível criar um menu aninhado com subcategorias. Saiba mais em "Organizando os produtos".

Na versão 7.0, as páginas da loja têm navegação por categorias, mas não é possível mostrar subcategorias aninhadas.

Footer Image
  • Peça ajuda à nossa comunidade

  • Peça ajuda à nossa comunidade sobre personalizações avançadas.

  • Contrate um Squarespace Expert

  • Ganhe destaque on-line com a ajuda de um designer ou desenvolvedor experiente.

Adicionando uma lista suspensa à navegação