Seções da página

Adicione e personalize as seções de conteúdo (empilhadas na vertical) que estruturam a página.

Ultima atualização 23 de Janeiro de 2025

Você criará as páginas e os rodapés do seu site com seções personalizáveis empilhadas verticalmente. Você pode adicionar, excluir e mover seções para organizar seu conteúdo. Neste guia, você aprenderá sobre o que pode fazer com as seções de página e como usá-las para criar layouts de página exclusivos.

Saiba como criar uma nova página para adicionar seções em Adição de páginas à sua navegação.

Dica

este guia é para a versão 7.1. Para um efeito semelhante na versão 7.0, use um índice empilhado.

Assista a este vídeo

Adicione e edite uma seção

Ao ser adicionada, a nova página começa com pelo menos uma seção pré-criada, a menos que seja uma página vazia. Você também pode adicionar outras seções a uma página existente. A forma de adicionar e editar as seções depende de se você está editando no computador ou no app do Squarespace.

Para começar a editar uma seção, vá até a página e clique em Editar, no canto superior esquerdo da prévia da página.

Para adicionar uma nova seção:

  1. Clique em Adicionar seção acima ou abaixo de uma seção existente. Se a página estiver vazia, o botão aparecerá no meio da página.
  2. Clique em uma categoria no painel esquerdo para encontrar seções pré-criadas. Você também pode clicar em Adicionar uma seção vazia para incluir uma seção de bloco vazia ou em Minhas seções salvas para adicionar uma seção que salvou anteriormente.
  3. Depois de selecionar uma categoria, clique em uma seção. A maioria das seções usa blocos, que você pode reorganizar ou atualizar com mais blocos. Se a seção tiver o ícone i, então é um layout automático ou uma seção de galeria, que organiza automaticamente o conteúdo em layouts predefinidos.
  4. A seção é adicionada à página, já pronta para você editar ou ajustar o estilo. Feitas as alterações, clique em Salvar para salvar as alterações e continuar editando; ou clique em Sair e depois em Salvar para fechar o editor.

Dica

as coleções, como publicações de blog ou produtos, não podem ser adicionadas como uma seção avulsa. Em vez disso, quando você adiciona uma página de coleção, ela inclui uma seção de página de coleção.

Para conferir as opções de uma seção existente, passe o cursor sobre ela:

  • Para ajustar o estilo de uma seção, clique em Editar seção.
  • Para duplicar uma seção, clique no ícone duplicado. As seções da página de coleção não podem ser duplicadas.
  • Para salvar uma seção, clique no ícone de coração. Não é possível salvar seções da página de coleção.
  • Para mover a seção, clique em ou .
  • Para apagar a seção, clique no ícone da lixeira. Depois de salvar essa ação, a seção não pode ser restaurada. As seções da página de coleção não podem ser apagadas.
  • Clique em Salvar para publicar suas alterações ou clique em Sair e em Salvar para fechar o editor.

Nas seções do Editor Intuitivo no app móvel, não é possível adicionar nem editar blocos e fazer atualizações no texto da página. No entanto, é possível mover uma seção, adicionar uma nova seção ou ajustar o estilo de uma seção que use o editor clássico, como publicações do blog e detalhes do produto. Nas áreas do seu site que você não pode editar no app, faça pelo computador.

Toque em Editar ou no ícone de lápis no canto superior direito para abrir a página para editar:

  • Para adicionar uma nova seção, toque em + acima ou abaixo de uma seção existente e escolha um tipo de seção.
  • Para mover uma seção, toque em ↑ ou ↓ na barra de ferramentas.
  • Para estilizar uma seção, toque no ícone do lápis na barra de ferramentas.
  • Toque em Concluído ou em (canto superior esquerdo) para salvar as alterações.

Você pode adicionar quantas seções quiser, mas recomendamos até 20 seções em uma página, já que páginas com muito conteúdo demoram mais para carregar. Saiba mais em Meu site está lento para carregar.

Adicione conteúdo às seções

O modo de adicionar e de definir o conteúdo vai depender das seções, que são de três tipos:

Você pode adicionar seções de layout de bloco e automático a qualquer página. As seções da página de coleção são exclusivas de suas páginas.

Seções de bloco

Blocos são recursos nos quais você adiciona conteúdo ao seu site, como texto, imagens, botões e formulários. Para adicionar e editar o estilo do conteúdo nas seções de bloco:

  • Adicione ou mova o bloco para personalizar o layout.
  • Para adicionar conteúdo a um bloco, clique duas vezes nele.
  • Para apagar um bloco, clique nele e depois no ícone da lixeira. Após salvar essa ação, o bloco não pode ser restaurado.
  • Para alterar os estilos da seção, clique em Editar seção.

Normalmente, a maioria das seções do seu site são seções de blocos. Essas seções usam uma dos dois recursos de edição: o Editor Intuitivo ou o editor clássico.

Editor Intuitivo

O Editor Intuitivo é o mais novo recurso para edição de conteúdo do Squarespace.Quando você adiciona uma nova seção vazia ou uma seção de blocos com um layout pré-criado, ela usa o Editor Intuitivo. Se você não souber se uma seção usa o Editor Intuitivo, veja no canto superior direito, durante a edição, se há o botão Adicionar bloco.

No Editor Intuitivo, para organizar e ajustar o tamanho dos blocos, você clica e arrasta em uma grade flexível. Os blocos podem se sobrepor para criar layouts exclusivos.

Editor clássico

Se você adicionou uma seção de blocos antes do lançamento do Editor Intuitivo, ela usará nosso editor clássico, que também é usado em outras áreas do seu site, como nas publicações do blog. Se você não souber se uma seção usa o editor clássico, passe o cursor sobre os blocos da página e veja se aparece um ícone + (ponto de inserção) acima ou abaixo de cada bloco.

Para adicionar uma nova seção de bloco com o editor clássico:

  1. Clique em Editar na página e depois em Adicionar seção.
  2. Role até a parte inferior da lista de tipos de seção.
  3. Clique em Adicionar vazia+ [editor clássico].

Para migrar uma seção de bloco do editor clássico para o Editor Intuitivo, clique em Fazer upgrade. Saiba mais em Editor Intuitivo, o mais novo recurso para edição de conteúdo do Squarespace.

Seções de layout automático

Use o layout automático para adicionar um conjunto de conteúdo, como imagens e texto. Esse belos layouts são atualizados automaticamente quando você adiciona conteúdo. Essas seções mostram o emblema i no seletor de seções.

Para saber mais, acesse Layouts automáticos.

Seções de galeria:

As seções da galeria são um tipo de layout automático bom para exibir imagens sem muito texto. Para saber mais, acesse as seções da Galeria.

Seções da página de coleção

Use uma página de coleção para expor uma coleção de itens, como publicações do blog ou eventos. A página do blog, de eventos, de portfólio e da loja são todas páginas de coleção. Saiba mais em seções da página de coleção.

Seção de rodapé

Use seções de bloco para criar um rodapé. Passe o cursor sobre o rodapé e clique em Editar rodapé para adicionar e editar as seções. É possível adicionar seções de bloco vazias ou seções em estilo rodapé com layouts de blocos pré-criados. Não é possível adicionar outros tipos de seção ao rodapé.

Para saber mais, acesse Edição de rodapé.

Experimente novos layouts

Se sua seção usa o Editor Intuitivo, você pode testar automaticamente novos layouts com o trocador de layouts. Ao editar uma página, passe o cursor sobre a seção e clique no botão Ver layouts.

Clique na visualização prévia do layout que você deseja testar, e o conteúdo da sua seção será reorganizado automaticamente. Em seguida, clique em Salvar para manter o novo layout. Se você quiser reverter para o layout original, clique em desfazer.

Lembre-se de que essa opção só está disponível nas seções do Editor Intuitivo. Dependendo dos blocos que você adicionou, o botão Ver layouts fica acinzentado, o que significa que não há sugestões de layout para essa seção.

Altere o estilo da seção

Você pode fazer com que as seções sigam seus estilos de todo o site no Painel Estilos do Site, ou você pode editar o layout, o plano de fundo e a cor de uma seção individual para dar mais variedade ou contraste às suas páginas.

Para ajustar o estilo de uma seção específica, clique em Editar na página, passe o cursor sobre a seção e clique no ícone de Editar seção ou no ícone de lápis. A seção de blocos inclui três abas: Design, Fundo e Cor. No caso das seções, as opções da aba "Design" variam entre o editor clássico ou o Editor Intuitivo.

Design (editor clássico)

Na aba Design do editor clássico, você pode alterar:

  • Alinhamento de conteúdo - como o conteúdo se alinha com as margens da seção: ao longo da parte superior, ao longo da parte inferior ou equidistante da parte superior e inferior.
  • Largura do conteúdo — quanto da largura da seção seu conteúdo abrange.
  • Altura da seção - a altura da seção na página. Seções com mais conteúdo podem aparecer mais altas do que a sua configuração. Isso também afeta o espaçamento acima e abaixo do conteúdo da seção.
  • Estilo: como a margem inferior da seção aparece. Ative a opção Divisor para adicionar um divisor de seção exclusivo. 

Projeto (Editor Intuitivo)

Confira uma lista das opções de estilo da seção no Editor Intuitivo em "Editando o site com o Editor Intuitivo".

Plano de fundo

Na aba Plano de fundo, é possível adicionar uma imagem de fundo, vídeo ou arte. O conteúdo do plano de fundo pode aparecer sem margens ou inserções a partir das bordas da seção. Para saber mais sobre suas opções, acesse os seguintes guias:

Cor

Na aba Cor, você seleciona e personaliza um tema de cores na seção. As alterações feitas no tema de cores afetam todas as seções do site que usam esse tema. Saiba mais em Alteração das cores.

Outras seções

Para saber mais sobre as opções de estilo para seções de layout automático e seções de página de coleção, visite estes guias:

Divisores de seção

Na aba Formatar dos estilos de seção, ative a opção Divisor para adicionar uma margem à parte inferior da seção. Você pode adicionar um divisor à seção de bloco, ao layout automático e à seção de galeria.

Para personalizar seu divisor de seção:

  • Forma: clique no ícone de mistura para randomizar os ajustes ou clique no ícone de configurações para selecionar uma forma e alterar os ajustes manualmente.
  • Traçado: selecione uma margem de linha sólida, tracejada ou sem margem para o divisor.
  • Cor: na paleta geral do site, selecione uma cor para a linha da margem.
  • Espessura: defina a espessura da margem usando as opções pequena, média ou grande. Clique em ... para alterar manualmente a espessura do divisor.

Depois de criar o primeiro divisor de seção do seu site, as configurações dele se aplicarão aos divisores criados posteriormente. Se você quiser que seus divisores de seção sejam diferentes, personalize cada um usando as configurações listadas acima.

Seções sem divisores

Se a sua página incluir uma seção que não aceita divisores de seção, como um blog, eventos, portfólio ou seção de vídeos, você pode usar uma seção de bloco vazia para replicar um divisor de seção:

  1. Clique em Editar na página em questão.
  2. Passe o cursor sobre Adicionar seção abaixo dessa seção.
  3. Clique em Adicionar uma seção vazia.
  4. Passe o cursor sobre a seção vazia e clique em Editar seção.
  5. Deixe a altura como pequena e ative a opção Divisor .
  6. Ajuste o estilo do divisor como quiser. Não adicione nenhum bloco à seção.

Esse divisor de seções não interage com a seção acima exatamente como os divisores de seção integrados. Por exemplo: se a seção não aceita tiver uma imagem de fundo, o divisor aparecerá abaixo da imagem em vez de margeá-la diretamente.

Salvar seções

Ao criar um layout de seção de página, se você quiser reutilizá-lo, pode adicionar às seções salvas. Ao salvar uma seção, cria-se um "instantâneo" do layout que você pode adicionar quando quiser. Isso é útil em sites que precisam reutilizar um determinado layout em mais de uma página.

Para salvar uma seção, clique em Editar na página, passe o cursor sobre a seção e clique no ícone de coração

Use uma seção salva

Para usar uma seção salva:

  1. Clique em Editar em uma página e depois em Adicionar seção.
  2. Clique em Minhas seções salvas.
  3. Selecione a seção salva que você deseja adicionar.
  4. Faça alterações no layout.

Remover uma seção salva

Para remover uma seção das suas seções salvas:

  1. Clique em Editar em uma página e depois em Adicionar seção.
  2. Clique em Seções salvas
  3. Marque a caixa no canto superior esquerdo de uma ou mais seções.
  4. Clique em Excluir. Não é possível desfazer essa ação.

Seções salvas no plano Enterprise

No plano Enterprise, os administradores da equipe também podem salvar seções na biblioteca do Enterprise. Essas seções podem ser utilizadas pelos membros da equipe em qualquer site de propriedade da organização. 

Para salvar uma seção na Biblioteca Enterprise:

  1. Clique em Editar na página, passe o cursor sobre a seção e clique no ícone de coração .
  2. Selecione Biblioteca do Enterprise
  3. Dê um nome à seção e clique em Salvar.   

É possível acessar a biblioteca Enterprise ao adicionar uma seção à página. 

  1. Clique em Editar na página e depois em Adicionar seção
  2. Clique em Seções do Enterprise
  3. Selecione uma seção do Enterprise salva para adicionar à página. Os administradores da equipe também podem mudar o nome de uma seção salva, procurar ou excluir seções do Enterprise da biblioteca.

Lembre-se:

  • Você pode ter até 50 seções salvas em seu site.
  • As seções salvas não têm link para a seção original. A atualização da seção original não atualiza a versão salva nem qualquer outro lugar no qual você a tenha adicionado.
  • As seções salvas preservam o conteúdo e os elementos do design. Algumas configurações, como as vinculações de armazenamento nos blocos de formulário e de newsletter, não serão transferidas da seção original. Configure manualmente o armazenamento de todos os formulários e newsletters nas seções salvas.
  • Não é possível salvar seções da página de coleção nem seções de rodapé. Além disso, não é possível adicionar seções salvas ao seu rodapé.

Transfira conteúdo entre as seções

Para transferir um conteúdo:

  • Seção de blocos do editor clássico - arraste os blocos de uma seção de blocos para outra na mesma página. Não é possível transferir blocos nas seções de blocos do Editor Intuitivo.
  • Seções de layout automático - Reutilize uma imagem de lista ou galeria para adicioná-la a diferentes seções de lista ou galeria.
  • Seção de coleção - transfira um item do blog, de um evento ou de produto de uma coleção a outra do mesmo tipo. No momento, não é possível transferir projetos de portfólio.
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.