Como usar o Squarespace (agosto de 2020) - Tutorial completo sobre como criar sites do Squarespace

Um site da Squarespace é fácil e rápido de construir, a partir do zero, mesmo sem uma experiência prévia de web designer. Além de intuitiva, a plataforma oferece todas as ferramentas necessárias para colocar o site em funcionamento em um só lugar.

Há cerca de 17 anos, a Squarespace ajuda milhões de clientes a criar sites.

Este construtor de sites e sistema de gerenciamento de conteúdo (CMS) vem com uma enorme base de conhecimento. É fácil saber o que você deve fazer por vez, graças ao seu recurso de lista de verificação.

No entanto, para reduzir o tempo que você gastará na construção do seu, este artigo vai direto ao ponto. este O tutorial do Squarespace ajudará você a acertar as coisas desde o começo.

Tutorial do Squarespace: Sumário

Como usar o Squarespace: etapas para criar um site do Squarespace

Construindo um site com Squarespace é como fazer um tour. É intuitivo; você encontrará um breve tutorial do Squarespace para guiá-lo a cada clique. Por isso, facilita a ação.

Siga estas etapas simples para criar seu site.

Passo 1. Explorar

Para começar a criar seu site, vá para squarepace.com e clique no botão "Introdução". Você encontrará um no canto superior direito da tela e o outro na esquerda, na parte inferior.

como usar o squarespace - página inicial

Essa ação leva você imediatamente à seção Modelos e permite que você comece a usar o Squarespace gratuitamente nos próximos 14 dias.

No período de avaliação, você pode:

  • Explore a plataforma
  • Teste seus projetos
  • Carregar conteúdo e
  • Compartilhe seu progresso

Passo 2. Escolha o modelo certo

Squarespace fornece modelos atraentes com layouts interativos. Sua parte é escolher um modelo que atenda às suas necessidades comerciais. Sua primeira parada o coloca frente a frente com as opções de design mais populares. No entanto, a plataforma permite que você navegue nos modelos de site do Squarespace pelas seguintes categorias:

  • Projetos populares
  • carteiras
  • Lojas on-line
  • Fotografia
  • Serviços profissionais
  • Blogs e Podcasts
  • Comunidade e organizações sem fins lucrativos
  • Negócio local
  • Casamentos
  • Eventos
  • Músicos e Bandas
  • Imóveis e propriedades
  • Pessoal e CV
  • Restaurantes e
  • Páginas de lançamento

Você encontrará essas categorias listadas no lado esquerdo.

inicie o site do squarespace

A seleção de qualquer uma das categorias mostra todos os modelos que podem corresponder às empresas nesse campo. Ao escolher um grupo, você pode começar imediatamente com um modelo do Squarespace que lhe interessa. Você também pode visualizar vários modelos se tiver dificuldade em decidir o que deseja.

Durante a visualização, Squarespace permite que você veja a aparência do modelo em computadores, tablets e smartphones.

modelos de quadrados

Neste ponto, você tem várias maneiras de prosseguir. Você tem a opção de verificar como seria o site clicando em "Visualizar site de demonstração" ou no botão "Introdução" na tela de visualização ou simplesmente percorrendo a tela de visualização.

Você pode clicar no botão "Iniciar com este design" no canto superior direito da tela quando decidir usar um modelo.

Etapa 3: criar uma conta do Squarespace

Nesse ponto, o Squarespace solicitará que você crie uma conta. Embora, ao preencher e enviar o formulário, você tenha concordado com os Termos de serviço e a Política de privacidade da Squarespace. Portanto, você pode lê-los antes de prosseguir.

Se você concorda com os ToS e a Política de Privacidade, vá em frente e crie uma conta.

++

Se você seguir a rota "Continuar com o Google", ela será sincronizada com sua conta do Google e você entrará imediatamente. Você também pode se inscrever com outras contas, além do Google.

Se você preferir se inscrever com Apple, Facebook ou Twitter contas, clique em "Mais opções" e selecione sua conta preferida. Caso contrário, use seu endereço de email.

Se você selecionar "Continuar com o email", um formulário de inscrição será exibido. Preencha esse formulário se você preferir criar uma conta com seu endereço de e-mail.

Etapa 4: adicione o título do site

Quando você cria a conta com sucesso, a página de boas-vindas solicita que você adicione um título do site.

Em termos simples, a página solicita que você nomeie seu site. Você pode optar por usar:

  • Seu nome
  • O nome do seu blog
  • Sua marca ou
  • O nome da sua empresa

Etapa 5: Editar título e logotipo

Quando você clica em "Continuar", a próxima página é um gif que descreve como editar suas páginas.

Clique em "Avançar" para começar a editar seu site.

titulo do site

Você verá o título do site no cabeçalho ou no canto superior das suas páginas da web, dependendo do modelo do Squarespace usado.

Você pode substituir o título do site por um logotipo, se desejar.

Para fins de SEO, você pode adicionar um título separado que substituirá o título do site nas guias do navegador e nos resultados da pesquisa, mas não será exibido no site.

Não importa se você clicou em "Continuar" na etapa anterior sem adicionar o título do site. Você pode adicioná-lo aqui. Você também pode editar o que escolheu, se quiser outra coisa.

Clique em "Editar" no canto superior esquerdo da tela de visualização.

Passe o cursor sobre o cabeçalho e clique em "Editar cabeçalho do site".

Selecione "Título e logotipo do site".

Digite o título do site no campo de texto.

Clique no menu suspenso ao lado de "Concluído" e salve-o.

Adicionar logotipo

Você pode adicionar um toque pessoal ao seu logotipo. Nesse caso, ele substituirá o título do site e também direcionará cliques para sua página inicial. No entanto, a Squarespace recomenda que você ainda tenha texto no campo de título do site para facilitar a indexação pelos mecanismos de pesquisa.

Para adicionar um logotipo, siga o processo usado para o "Título do site", como mostrado acima. Quando você clica em "Site Title & Logo", vá para a área "Logo Image".

Faça o upload do seu logotipo arrastando-o para o remetente ou clicando na área do remetente para selecionar um arquivo salvo no seu computador.

Crédito do logotipo: Biblioteca Britânica

Se você estiver satisfeito com o seu logotipo, clique no menu suspenso ao lado de "Concluído" no canto superior esquerdo da tela e "Salvar".

Crie um novo logotipo

O Squarespace permite criar logotipos gratuitos na plataforma, mas você precisa estar em um plano pago para aproveitar isso.

Siga os processos para adicionar "Título do site" e "Logotipo", mas quando chegar a "Título e logotipo do site", clique em "Criar um novo logotipo".

Você não pode exibir o título e o logotipo do site ao mesmo tempo. Portanto, se você quiser mostrar seu logotipo e nome da marca, inclua o texto do título do site na imagem do logotipo.

Etapa 6: editar, adicionar ou remover páginas

O Squarespace pré-carrega cada um dos modelos com conteúdo de demonstração para mostrar os recursos e a força exclusivos dos modelos. O conteúdo da demonstração existe para inspirar você a criar seu site mais rapidamente. Portanto, você não pode usá-lo no seu site público final.

No entanto, o Squarespace fornece ferramentas que você pode usar para substituir todo conteúdo de demonstração pelo seu conteúdo original. A plataforma facilita o acompanhamento do processo, fornecendo uma lista de verificação no lado direito da página de visualização. Esta é uma característica verdadeiramente única que outras plataformas como WordPress ou Wix não oferecem.

Na imagem acima, você notará que "Inicie sua avaliação" e "Incluir título ou logotipo do site" marcaram as caixas de seleção. Portanto, use a lista de verificação para indicar que você concluiu uma tarefa.

Editar páginas

Se você gosta da estrutura de uma página de demonstração, pode clicar nessa página para torná-la sua.

As páginas principais do modelo usado neste artigo são nomeadas:

  • Si
  • Blog
  • Sobre e
  • Contato

No entanto, você pode personalizá-los para levar seus nomes preferidos.

Primeiro, vá para "Páginas".

Você verá as páginas principais acima mencionadas na navegação principal.

"Geral 1", "Introdução" e "Página inicial" na imagem acima também são páginas. Embora eles não apareçam na navegação, o mecanismo de pesquisa os descobre, a menos que você os senha ou desative.

Portanto, para editar as páginas, passe o cursor sobre o que você deseja alterar. Você notará um ícone de lixeira, um ícone de configurações e, em alguns casos, uma seta.

Clique no ícone "configurações".

Quando achar que o layout é adequado para você, edite a página para fins gerais, SEO, imagem social ou fins avançados.

Adicionar páginas

Você pode adicionar quantas páginas quiser e excluir as páginas que não são mais necessárias. E, se você descobrir que precisava de alguma dessas páginas, poderá restaurá-la em 30 dias.

É tão flexível.

Para começar a adicionar páginas, vá para "Páginas" e clique no ícone + ao lado de "Navegação principal".

O Squarespace categoriza as páginas em páginas únicas, coleções e muito mais. Essas páginas contêm coletivamente:

  • Páginas em branco
  • Layouts de página
  • Blog
  • Loja
  • Portfólio
  • Eventos
  • Pasta e
  • Ligação

Clicar na "página em branco", por exemplo, adiciona uma "Nova página" à sua "Navegação principal" e ela aparece no seu menu de navegação superior. Você também notará que a página de visualização está vazia e pode criar conteúdo clicando no ícone azul + no meio da sua página.

Excluir e restaurar páginas

Se você decidir que não precisa de uma página por qualquer motivo, poderá excluí-la.

Vá para "Páginas". Passe o cursor sobre a página que você deseja excluir e clique no ícone da lixeira.

Então confirme.

Para recuperar uma página que você excluiu, vá para "Páginas" e role para baixo até a parte inferior do painel.

Clique no ícone da lixeira.

Passe o cursor sobre a página que você deseja restaurar e clique em restaurar.

Em seguida, para confirmar, clique em "Restaurar".

Etapa 7: Alterar fontes e cores

Para maior velocidade, você pode personalizar ainda mais seu site editando suas páginas de demonstração. Basta escolher a cor e o estilo da fonte que mais lhe agradam.

Se você fizer alterações no painel "Design", isso afetará todo o site. Embora você possa alterar para páginas individuais, editando-as.

Fontes

Para alterar o estilo da fonte da página inteira, clique em "Design" no seu painel inicial.

Em seguida, selecione "Fonte".

Agora você pode escolher entre três grupos principais de fontes.

Se você selecionar qualquer uma das fontes aqui, todos os textos em seu site terão esse estilo de fonte. Embora, se você tocar na página de visualização neste momento, ela oferecerá opções mais avançadas.

No entanto, isso permite editar o "Cabeçalho" e o "Bloco de boletins" sozinho. O Squarespace define a maioria das fontes localmente, portanto, você só pode alterar as fontes clicando em "Editar" na página de visualização.

Ao clicar no texto que deseja editar, você verá um painel de edição sobre a caixa de texto. Isso permitirá que você:

  • Mude o tamanho
  • Selecionar alinhamento
  • Torne-o mais ousado
  • Use itálico
  • Inserir links e muito mais

Cor

Assim como as fontes, as alterações de cores que você faz no painel de design afetam todo o site. Embora você possa alterar a cor de quase tudo no seu site, incluindo um único alfabeto ou número.

Se você deseja alterar a cor padrão do seu site, vá para "Design" no seu painel inicial. Clique em "Cores"

Você pode selecionar sua cor clicando em "Editar". ao lado da paleta ou qualquer parte da paleta.

Você pode personalizar suas cores escolhendo uma sombra no menu suspenso.

Se você deseja alterar a cor do texto, no entanto, precisará usar códigos.

Etapa 8: adicionar imagens

Squarespace integra-se bem com Unsplash e o Getty Images, que oferece acesso a inúmeras fotos de ações. Assim, você pode alterar as imagens nos seus modelos para tornar seu site ainda mais original.

Se você estiver usando uma versão 7.1 do Squarespace, o upload de imagens pode ser uma caminhada no parque.

Na sua página de visualização, clique em "Editar". Em seguida, role até a imagem que deseja editar e passe o cursor sobre a área. Clique no ícone para editar essa seção.

adicionar imagens quadrados

Depois, selecione "Plano de fundo" no pop-up.

Isso permite substituir, excluir ou editar a imagem ou o vídeo atualmente no espaço.

Se você selecionar “Substituir”, ele permitirá que você substitua a imagem atual por uma do seu computador.

Clique no menu suspenso ao lado de "Concluído" e clique em "Salvar" para aplicar a imagem.

Se você seguir a rota "Excluir", primeiro removerá a imagem que está no espaço. Em seguida, você pode arrastar e soltar uma imagem no carregador de imagens.

No entanto, se você quiser editar suas imagens, poderá ajustar

  • Brilho
  • Agudeza
  • Contraste, e assim por diante.

squarespace - editar imagens

Certifique-se de que você esteja bem com a imagem antes de salvá-la, pois as alterações feitas serão permanentes.

A Squarespace recomenda que você conclua suas edições dentro do período de avaliação de duas semanas antes de atualizar para o plano pago. Mas lembre-se de que os layouts de modelos e páginas podem ser diferentes.

Etapa 9: conectar e atualizar domínios

O Squarespace fornece um nome de domínio .squarespace.com gerado automaticamente quando você se inscreve. Portanto, para personalizar sua conta, você pode precisar obter um novo nome de domínio ou usar um já existente.

As vantagens de personalizar sua conta incluem:

  • Um olhar profissional
  • Maior força da marca e
  • Melhor acessibilidade ao seu novo site para os visitantes.

Assim, Squarespace ajuda a gerenciar, conectar e transferir seus domínios.

Para personalizar seu domínio do Squarespace, acesse sua página inicial e clique em "Configurações".

Selecione "Domínios".

Agora, se você já possui um domínio, clique em "Usar um domínio que eu já possuo".

Em seguida, insira o nome do domínio no lugar certo. Quando terminar, clique em "Continuar".

Isso levará você a escolher entre duas opções. Uma opção exige que você transfira seu domínio para o Squarespace, enquanto a outra solicita que você se conecte a partir do seu provedor.

Transferir para o Squarespace

A primeira opção permite que o Squarespace gerencie seu domínio em seu site. Dessa forma, você pode gerenciar seu faturamento e configurações na sua conta do Squarespace. Não importa se você ainda está usando sua avaliação ou se já está usando um plano pago.

Além disso, se você ainda não possui um site, o Squarespace vincula seu domínio a uma página de estacionamento até você obter um.

Se você selecionar Transferir para o Squarespace, siga as diretrizes e instruções a seguir.

Se você clicar em "Continuar", esteja pronto para fornecer o código de Autorização de Transferência.

Clique em "Continuar" e siga o restante das instruções.

Conectar do provedor

Essa opção permite manter seu domínio com terceiros e ainda se conectar ao Squarespace. Segue um processo conhecido como mapeamento de domínio. Você precisará fazer algumas alterações na conta do seu registrador.

No final, você ainda estará registrado com o terceiro que comprou, mas permanecerá conectado à sua conta do Squarespace. Primeiro, descubra o que você precisa implementar para iniciar a conexão.

Para conectar seu domínio, siga as etapas anteriores para obter um domínio até chegar às opções de transferência para Squarespace ou conectar-se a partir de um provedor.

Dessa vez, no entanto, clique em "Conectar do provedor". Em seguida, selecione um provedor no menu suspenso e clique em "Conectar domínio".

Clique em "OK" para aceitar a mensagem exibida.

Compre um domínio

Se você ainda não possui um domínio para se conectar ou transferir, precisará comprar um domínio para obter uma sensação personalizada.

Você passará por "Configurações" para "Domínios", mas desta vez, clique em "Obter um domínio".

Você receberá sugestões de nomes de domínio que incorporam o nome usado para o título do site. Você também verá os nomes usados ​​e o preço dos disponíveis.

Quando você passa o cursor sobre o nome que está interessado em comprar, "Adicionar" aparecerá onde estava o preço.

Clique em "Adicionar" e você o terá em seu carrinho.

Clique em "Continuar com o checkout" para torná-lo seu.

Alterar seu nome de domínio interno

Se você não possui um domínio existente e não está pronto para comprar, pode alterar seu domínio interno para reduzi-lo.

Siga o mesmo processo que os outros dois, mas desta vez clique na caixa em "Domínio interno".

Esta seção solicitará que você renomeie a sequência que aparece antes de .squarespace.com. Substitua o que você tem lá e clique em "Renomear".

Clique em "Confirmar" no pop-up que aparece.

À medida que o seu domínio interno muda, o seu URL também muda.

No entanto, o Squarespace oferece um domínio personalizado gratuito por um ano. No entanto, você deve estar em um plano de cobrança anual e o domínio deve ter um TLD qualificado. O ano começa a contar a partir do momento em que você se registra ou transfere sua conta.

Etapa 10: otimizar para pesquisa

A maneira mais fácil de fazer com que seus usuários em potencial o encontrem é otimizar seu site para os mecanismos de pesquisa. Os mecanismos de pesquisa mostram títulos, títulos de página e título do site.

Para otimizar seu site, vá para "Marketing" em seu painel inicial.

Depois clique em "SEO".

Você encontrará links para uma lista de verificação de SEO que ajudam a lembrar tudo o que você deve fazer ao otimizar seu site. "Palavras-chave da Pesquisa do Google" permite verificar seu site com o Google Search Console. Assim, você terá acesso a palavras-chave que ajudarão a direcionar o tráfego para o seu site e melhorar o desempenho do seu site.

Você pode escolher sua aparência de pesquisa, formatar seu título de SEO e até contratar especialistas da Squarespace, se desejar.

Squarespace oferece ferramentas de SEO integradas para trabalhar. Antes de iniciar o site, use a lista de verificação de SEO da Squarespace para garantir que você não deixe nada de fora.

Algumas das coisas críticas que vale a pena lembrar incluem:

  • Titulo do site
  • Descrição do Site
  • Conecte um domínio personalizado
  • Conecte-se a contas de mídia social
  • Ativar AMP
  • Adicionar ícone do navegador
  • Crie uma página 404 personalizada
  • Verifique seu site com o Google Search Console
  • Use palavras-chave estrategicamente
  • Link para o conteúdo do seu site
  • Use ferramentas de análise como o Google Analytics

Sua classificação pode variar à medida que os mecanismos de pesquisa indexam suas alterações. Embora sua classificação não melhore em uma ou duas semanas, use a análise para ver tendências que podem explicar a queda.

Pode ser necessário atualizar suas palavras-chave usando termos de pesquisa diferentes. Seus visitantes são humanos, então inclua palavras e frases que correspondam ao que as pessoas provavelmente usarão para encontrá-lo.

Depois de atualizar suas métricas de SEO, você pode usar o Google Search Console para solicitar que o Google indexe seu site. Mas desabilite as senhas em seu site ou páginas. Depois de conectar o Google Search Console, você começará a receber relatórios das palavras-chave usadas pelos visitantes para encontrar você.

Para começar a rastrear senhas, vá para "Analytics" no painel inicial.

Clique em "Pesquisar palavras-chave".

Clique em "Conectar".

Em seguida, faça login na Conta do Google conectada ao seu site. Você precisa clicar em Permitir para obter os dados que está procurando. Os dados serão preenchidos em cerca de 72 horas.

Se você ainda estiver no período de avaliação, não poderá concluir a verificação com o Google Search Console. Neste ponto, seu site está oculto dos mecanismos de pesquisa. Portanto, você deve iniciar seu site primeiro para poder continuar.

Etapa 11: iniciar seu site

Antes de publicar seu site, consulte a lista de verificação e marque os itens que você fez. Ajuda a confirmar as áreas que você deseja aperfeiçoar. Embora a Squarespace tenha fornecido uma página 404 para cada site, você pode personalizar a sua, se desejar.

Etapa 12: incorporar marketing

Squarespace inclui ferramentas de marketing para ajudar você a direcionar mais tráfego. Você pode gerenciar campanhas de email e acompanhar o desempenho. Você também pode integrar o MailChimp.

Você também pode promover seu site nas mídias sociais e em outras plataformas, incluindo:

  • Instagram
  • Facebook
  • LinkedIn
  • Twitter
  • Tumblr
  • Reddit

Você pode usar pop-ups promocionais se estiver em um plano de negócios ou comércio. Além disso, eles vêm em layouts diferentes que você pode alterar para atender às suas necessidades.

Você obtém um criador de URLs que ajuda a criar um URL para seus anúncios. Ele mostra o desempenho dos seus anúncios pagos e as fontes do seu tráfego.

O Squarespace permite que você gerencie seu pedido, estoque, clientes e descontos em seu site. Você também tem acesso a ferramentas de venda e notificações.

Embora você precise ter um plano pago para usar a maioria deles, pode usar o período de teste para saber como eles funcionam.

A plataforma ajuda você com o agendamento. Os clientes podem se registrar e, como se ajusta automaticamente aos fusos horários, você terá menos conflitos. Ele automatiza formulários de entrada, pagamentos online e integrações.

Além disso, os lembretes automáticos ajudam a reduzir as não comparências.

Como usar o Squarespace: preços

Quando o período de avaliação termina ou você deseja atualizar para um Squarespace plano, você pode escolher um dos quatro principais planos de preços da plataforma. Esses são:

  • Pessoal
  • O negócio
  • Comércio Básico
  • Comércio avançado

preços quadrados

Plano Pessoal

At $ 16 por mêsou US $ 12 se você pagar anualmente, este Plano Squarespace oferece:

  • Domínio personalizado gratuito
  • Largura de banda e armazenamento ilimitados
  • Recursos de otimização de mecanismo de pesquisa
  • Segurança SSL
  • Modelos que atendem a todas as necessidades, de portfólios a blogs
  • Dois colaboradores
  • Suporte ao cliente XNUMX horas
  • Análise básica do site
  • Sites otimizados para celular
  • Extensões de espaço de quadrados

Então, você economiza 25% se pagar anualmente.

plano de negócios squarespace

Plano de negócios

A Plano de negócios vai para $ 26 por mês quando você paga mensalmente. Mas você gasta US $ 18 quando paga anualmente, o que oferece um desconto de 30%. Portanto, o plano de negócios oferece todos os recursos do plano pessoal e muito mais.

Portanto, além do plano pessoal, o plano de negócios é:

  • E-mail profissional do Google
  • Comércio eletrônico totalmente integrado
  • Créditos condicionais do Google Adwords de US $ 100
  • Integrações e blocos de conteúdo
  • Personalização completa de CSS e JavaScript
  • Taxas de transação de três por cento
  • Venda produtos ilimitados
  • Aceitar doações
  • Contribuidores ilimitados
  • Análise avançada de sites
  • Pop-ups e banners promocionais
  • Cartões de presente

preços quadrados

Comércio Básico

Comércio Básico oferece todos os recursos do plano de negócios e muito mais. At $ 30 o mês (e US $ 26 se você pagar anualmente),

este plano oferece:

  • Sem taxas de transação
  • Ponto de venda
  • Contas de clientes
  • Finalizar compra no seu domínio
  • Análise poderosa de comércio eletrônico
  • Ferramentas poderosas de merchandising
  • Produtos no Instagram

comércio básico

Comércio avançado

Comércio avançado vai para $ 46 por mês (e US $ 40 se pagos anualmente). Além do plano Commerce Basic, este plano oferece:

  • Vender assinaturas
  • Envio Avançado
  • Descontos avançados
  • APIs de comércio
  • Etiquetas de disponibilidade limitada

Squarespace Select

O Squarespace Select é uma solução premium para empresas, pequenas empresas e usuários individuais que desejam suporte prático personalizado. Este plano oferece uma experiência personalizada. Então, em $ 500, oferece recursos avançados e suporte completo para ajudar os pequenos empresários a prosperar.

Squarespace select

Para mais informações confira nossa Avaliação de Squarespace e o Preços Squarespace guia.

Como usar o Squarespace: Wrap Up

Squarespace facilita a compreensão do seu site do início ao fim. Assim, você pode acessar e até criar seu site antes de começar a usá-lo. Em outras palavras, o Squarespace permite que você aproveite seu tempo de assinatura como um profissional.

Squarespace
Classificação: 5.0 - Revisão por