Como criar seu primeiro site do Squarespace

Crie, organize e estilize o conteúdo do site para colocar seu negócio, marca ou loja online.

Ultima atualização 23 de Janeiro de 2025

Se você está apenas começando a usar o Squarespace, este guia aborda as etapas básicas, mas essenciais, para criar uma presença on-line para sua marca pessoal, pequena empresa ou loja online.

Ao criar um site, você criará a estrutura da página, adicionará seu conteúdo e, em seguida, definirá os estilos do site. Se você pensar em seu site como uma casa, a estrutura do site é a organização dos quartos entre si, o conteúdo é o mobiliário com que você preenche os quartos, e o estilo é a combinação de cores, marcas e outros floreios que você usa para fazer com com que tenha a atmosfera da sua casa.

Dica

além de guias e tutoriais em vídeo, oferecemos dois webinars Começando no Squarespace. Nessas sessões, orientaremos você na criação de templates com o Kit de Design Squarespace com IA, na navegação do site, nas opções de domínio e e-mail, na preparação do conteúdo do site, na criação de uma página inicial e no estilo de cores e fontes. Os webinars normalmente duram uma hora e não exigem site nem conta Squarespace para se matricular.

Assista a este vídeo

Crie a estrutura do seu site

Você criará a estrutura do seu site adicionando páginas à sua navegação. Ao adicionar uma página no painel Páginas, seu título aparece como um link no cabeçalho do site. Ao dividir o conteúdo do site entre diversas páginas, você garante que os visitantes possam encontrar atualizações essenciais, fazer compras ou entrar em contato com você.

Dica

veja as seções abaixo para saber mais sobre como adicionar um blog ou vender produtos em seu site.

Adicionar páginas

Para adicionar páginas à sua navegação:

  1. Abra o painel Páginas e clique em + ao lado de Navegação principal.
  2. Selecione o tipo de página que deseja adicionar ou clique em Layouts de página para páginas de layout criadas previamente.
  3. Adicione um título à página e pressione Enter.
  4. Se você quiser que essa página seja a primeira página que os visitantes verão, defina-a como sua página inicial.

Seu site contém algumas páginas de demonstração quando você cria. Você pode substituir o conteúdo de demonstração e reorganizar as páginas para se ajustar à sua estrutura, ou excluí-las se quiser criar suas páginas do zero.

Dica

para criar conteúdo fechado em páginas exclusivas para membros, você pode configurar um Site para membros.

Editar o cabeçalho do site

O cabeçalho do site pode também conter um título ou um logotipo do site, ícones vinculados às redes sociais, um botão de chamada à ação e um ícone de carrinho de compras. Elas ajudam a destacar recursos importantes para os visitantes.

Para editar o cabeçalho do site:

  1. Na prévia do site, clique em Editar.
  2. Passe o mouse sobre o título do site e clique em Editar o título do site.

Saiba mais em Criação de cabeçalho de site.

Adicionar conteúdo às suas páginas

Após criar a estrutura do site, é hora de adicionar conteúdo às páginas. Elas são compostas por seções específicas e, dependendo da seção, você deve adicionar blocos ou itens de coleção para criar o conteúdo:

  • Os blocos usam o recurso "arrastar e soltar" para adicionar texto, imagens, botões e outros recursos.
  • Itens de coleção são conjuntos de conteúdo como publicações de blog, produtos e eventos.

Adicionar conteúdo com blocos

Os blocos são o recurso principal que você usará para exibir conteúdo em seu site. Para adicionar blocos a uma página:

  1. Abra o painel "Páginas".
  2. No painel da esquerda, clique na página que deseja editar.
  3. Clique em Editar no canto superior esquerdo da prévia da página.
  4. Se a página estiver em branco, clique em + para adicionar uma seção. Se a página já contiver seções, ignore essa etapa.
  5. Clique em Adicionar bloco ou num ponto de inserção e selecione o bloco a ser adicionado. Para mais ajuda, confira "Adicionando conteúdo com blocos".
insert_point.png

Repita este processo para adicionar mais blocos. Para organizar seu conteúdo, mova os blocos clicando e arrastando-os pela página. Clique em Salvar para salvar suas alterações e continuar editando ou clique em Sair e em Salvar para fechar o editor.

Para adicionar outras seções à página, clique em + acima ou abaixo de uma seção. Você pode adicionar uma seção de blocos, seção de galeria e layouts automáticos a qualquer tipo de página. Para reutilizar o layout de uma seção, você pode salvá-la e adicioná-la a outras páginas. Saiba mais em Seção de página.

Adicionar conteúdo com páginas de coleção

Coleções são conjuntos de itens relacionados, como publicações do blog na página do blog. Todas as páginas de coleção têm uma estrutura de duas camadas formada por uma página de destino e páginas de itens de coleção específicas. Por exemplo: a página de destino do blog mostra uma lista de publicações com imagens em destaque e trechos, nos quais você pode clicar para abrir e ler a publicação completa.

Anotação

embora você possa excluir itens da página de coleta, não é possível excluir uma seção de página de coleção sem excluir a página inteira. Quando estiver trabalhando com conteúdo demo, observe o tipo de página que você está usando antes de personalizá-lo, pois ele pode ter seções que não podem ser excluídas. Para obter mais flexibilidade, use uma Página de Layout.

Clique no link dos guias abaixo para ver as etapas específicas:

Adicionar uma Página do Blog (opcional)

A Página do Blog é ideal para quem planeja publicar novos conteúdos regularmente. Você pode adicionar uma nova publicação à Página do Blog sempre que estiver com algo pronto para divulgar aos visitantes. Siga as etapas acima para adicionar uma Página do Blog e, em seguida, adicione publicações e outros conteúdos.

Adicione uma nova publicação

Para adicionar uma publicação do blog:

  1. No painel Páginas, clique na Página do Blog.
  2. Clique em + no canto superior direito do painel lateral.
  3. Adicione um título e conteúdo à sua publicação do blog.
  4. Passe o cursor sobre Publicar e clique em Publicar para publicar imediatamente.

Envolva seu público

As Páginas de Blog incluem uma série de recursos integrados para facilitar que os visitantes encontrem e interajam com o seu conteúdo:

Configurar um podcast

As Páginas de Blog também podem ser usadas para configurar um podcast usando publicações com Blocos de Áudio. As Páginas de Blog são projetadas para configurar seu feed RSS com o Apple Podcasts. Para saber mais, acesse Podcasting com a visão geral do Squarespace.

Configurar uma loja on-line (opcional)

Os tipos de produto e de serviço que você pode vender no site dependem do plano de site. Use o checklist abaixo para abrir sua loja; e confira os guias (clique nos links) para as instruções passo a passo.

  1. Adicionar produtos a uma Página da Loja
  2. Conectar um processador de pagamento
  3. Configurar opções de envio (se você estiver vendendo produtos físicos)
  4. Configurar alíquotas de imposto
  5. Personalize a finalização de compra do seu site

Dica

oferecemos uma variedade de ferramentas para ajudar você a criar um site para gerar renda. Você pode vender de tudo, de consultoria a xícaras de café. Para encontrar a ferramenta que funciona melhor para você, acesse Monetizar seu site.

Editar o estilo do site

Edite o estilo do site para alterar fontes, cores e outros elementos de design. Você fará alterações no conteúdo em todo o site no painel Design e fará também alterações de estilo em seções de página específicas.

Editar estilos em todo o site

Para fazer alterações de estilo em todo o site, ao editar uma página, abra Estilos do Site e clique em:

  • Fontes - Escolha um pacote de fontes e altere o tamanho de diversos tipos de texto
  • Cores - Escolha uma paleta de cores e edite os temas de cores
  • Animações - adicione animações sutis ao conteúdo
  • Espaçamento - Alterar o preenchimento ou o espaço entre elementos

Você também pode ajustar o estilo dos botões e dos blocos de imagem no site. Saiba mais em "Fazendo alterações no estilo".

Aplicar estilo em seções individuais

Você pode estilizar seções individuais com estilos de seção para alterar aspectos de seu layout, a exibição ou o plano de fundo. Os estilos de seção substituem os estilos globais.

Para editar estilos de seção:

  1. Abra o painel "Páginas" e clique na página a ser editada.
  2. Clique em Editar no canto superior esquerdo da prévia da página.
  3. Passe o mouse sobre a seção que deseja estilizar e clique no ícone do lápis.
  4. As opções variam de acordo com a seção. 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.

Saiba mais em Fazendo alterações no estilo.

Crie um guia de estilo (opcional)

Ao fazer o design do site, considere criar uma página de guia de estilo na seção Não vinculadas. Essa página funciona como um ponto de referência para quaisquer opções de estilo que você aplicar ao site. Com ela, você:

  • Testa e estabelece os elementos de design da sua marca
  • Reduz o tempo com revisões no processo de criação do site
  • Facilita a padronização entre os colaboradores do site

Para criar um guia de estilo, inclua orientações para os seguintes elementos de design:

Para uma prévia de como as opções de estilo acima aparecem no site, você pode aplicá-las aos seguintes elementos e adicioná-los também ao guia de estilo:

Confira a seguir alguns elementos que você pode incluir no guia de estilo:

KB Guide Image

Publique seu site

Depois de ler este guia, recomendamos revisar nossa lista de verificação para o lançamento do site para ter certeza de que seu site está pronto para os visitantes e os sistemas de pesquisa.

Quando estiver pronto, você pode migrar seu site para um serviço pago: para isso, clique no botão Assinar, no banner na parte inferior do site. Saiba mais sobre os preços e recursos dos nossos planos em Escolhendo o plano certo no Squarespace.

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.