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

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.

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:

• Seção de blocos - personalize um layout com blocos.
• Seções de layout automático - Adicione conjuntos de conteúdo e organize-os automaticamente em listas ou galerias.
• Seção de página de coleção — exponha os itens de coleção. A Página do Blog, por exemplo, tem uma seção de coleção que mostra as publicações do blog.

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. Na seção de bloco, as opções da aba "Design" variam dependendo do tipo de seção.

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.
• Link de âncora - adicione um slug exclusivo com um link para levar diretamente à seção. Saiba mais em "Criando um link de âncora".

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:

• Imagens e efeitos de fundo da seção
• Adicione vídeos de fundo
• Arte de fundo da seção

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:

• Layout automático
• Seções de galeria:
• Criar um Blog com o Squarespace
• Páginas de Eventos
• Editor Intuitivo, o mais novo recurso para edição de conteúdo do Squarespace
• Páginas de Portfólio
• Armazene uma seção

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 . 

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.

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.

Salve seções na biblioteca da equipe (Enterprise)

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

Para salvar uma seção na biblioteca da equipe:

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

Você pode acessar a biblioteca da equipe ao adicionar uma seção à sua página. 

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

Salve seções na sua conta (somente Circle)

Membros do Circle podem salvar seções em um catálogo e usar em um site com permissões de edição. Você pode salvar até 250 seções na conta.

Para salvar uma seção na sua conta: 

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

Saiba mais sobre os benefícios para membros do Circle.

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.