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.
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:
- 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.
- 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.
- 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.
- 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:
- 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:
- Clique em Editar na página e depois em Adicionar seção.
- Role até a parte inferior da lista de tipos de seção.
- 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:
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:
- Clique em Editar na página em questão.
- Passe o cursor sobre Adicionar seção abaixo dessa seção.
- Clique em Adicionar uma seção vazia.
- Passe o cursor sobre a seção vazia e clique em Editar seção.
- Deixe a altura como pequena e ative a opção Divisor .
- 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:
- Clique em Editar em uma página e depois em Adicionar seção.
- Clique em Minhas seções salvas.
- Selecione a seção salva que você deseja adicionar.
- Faça alterações no layout.
Remover uma seção salva
Para remover uma seção das suas seções salvas:
- Clique em Editar em uma página e depois em Adicionar seção.
- Clique em Seções salvas.
- Marque a caixa no canto superior esquerdo de uma ou mais seções.
- 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:
- Clique em Editar na página, passe o cursor sobre a seção e clique no ícone de coração .
- Selecione Biblioteca da equipe.
- 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.
- Clique em Editar na página e depois em Adicionar seção.
- Clique em Biblioteca da equipe.
- 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:
- Clique em Editar na página, passe o cursor sobre a seção e clique no ícone de coração .
- Selecione Sua conta.
- 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.