Tutorial do Squarespace: Como usar o Squarespace? Um guia passo a passo para iniciantes

Procurando um tutorial do Squarespace para ajudá-lo a criar seu site?

É uma ótima escolha. Eu amo Squarespace. Não importa o que você deseja construir agora – seja uma loja de comércio eletrônico ou um site para sua banda – o importante é que, uma vez que você saiba usar o Squarespace, saiba como criar um site para praticamente qualquer coisa .

Por outro lado, o Squarespace pode lançar a estranha bola curva em sua direção. Tem tantas opções diferentes que aprender a usar o Squarespace pode ficar um pouco confuso. Com este guia passo a passo, mostraremos como aproveitar ao máximo o Squarespace para colocar seu site online mais rapidamente.

Índice:

• Personalizando sua experiência no Squarespace
• Como escolher um design Squarespace para o seu site
• Inscrevendo-se no Squarespace
• Conhecendo seu painel e editor do Squarespace
• Editando o conteúdo do seu site
• Fazendo alterações no projeto
• Adicionando uma loja de comércio eletrônico
• Visualizando seu site no celular
• Publicando seu site e preços

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

Por enquanto, vamos ao site do Squarespace e clique em um dos dois botões de introdução :

Personalizando sua experiência no Squarespace

Depois de começar, você terá a opção de responder a algumas perguntas sobre sua empresa e seu site. Você pode ignorá-los a qualquer momento, mas suas respostas ajudam o Squarespace a encontrar temas de sites que correspondam às suas necessidades e objetivos.

Por exemplo, se você quiser fazer um blog de comida, o Squarespace mostrará os melhores temas de site para blogs e comida. Você pode inserir seus próprios tópicos, mas de forma ampla. Por exemplo, o setor imobiliário gerará melhores resultados do que vender para os primeiros compradores da casa .

Quando estiver satisfeito com sua seleção, clique em Avançar para seguir em frente.

Se você tiver objetivos específicos, como criar um site de associação ou um site de comércio eletrônico, selecione-os no menu de metas.

Mas não selecione metas que você planeja perseguir “um dia”. Basta escolher aqueles que o impulsionaram a começar hoje. Isso determinará como o Squarespace classifica os designs que você verá mais tarde.

Por exemplo, se o assunto imobiliário for o seu tópico, mas você escolheu vender produtos e serviços como o principal objetivo, verá muitos temas de comércio eletrônico antes de ver um único tema imobiliário.

Com as metas tratadas, vamos abordar a questão final. Esteja você explorando uma ideia ou transferindo um site, clique na melhor resposta e em Concluir para passar para a parte interessante de qualquer tutorial do Squarespace: seleção de modelos.

Como escolher um design Squarespace para o seu site

Quando os designs aparecerem, você provavelmente notará um leve zumbido. Não se preocupe, isso é totalmente normal. O Squarespace é famoso por designs de modelos brilhantes. Mas, para aproveitar ao máximo o Squarespace, lembre-se do seguinte:

• Os modelos mais adequados para você aparecerão primeiro.
• Abaixo deles, você encontrará alguns modelos que são bons pontos de partida para o seu site.
• Finalmente, você encontrará os designs mais populares.

Se você visualizar alguns modelos, mas nada o pegar, pesquise na lista completa de mais de 110 modelos ou filtre os resultados usando os tipos de sites e listas de tópicos.

Mas não descarte temas com base no conteúdo de demonstração. O truque para aprender a usar o Squarespace como um profissional é procurar os designs com cores, fontes e layouts que você gosta.

Com o Squarespace, é mais fácil escolher um tema com os recursos “errados” e adicioná-los em vez de revisar o esquema de cores de um tema com os recursos “certos”.

Certifique-se de dar uma boa olhada nos temas e visualizar qualquer um que você goste. Quando encontrar o seu favorito, clique nele para começar a usar uma conta do Squarespace.

Inscrevendo-se no Squarespace

Neste ponto, você precisará fazer login ou criar uma conta do Squarespace. Você pode usar uma conta do Squarespace para várias avaliações de 14 dias, portanto, não crie uma nova conta se já usou o Squarespace antes.

Depois de se inscrever, dê um nome ao seu site. Você pode alterá-lo mais tarde, então sinta-se à vontade para inserir um espaço reservado e atualizá-lo quando estiver pronto. No entanto, se você deseja o nome perfeito agora, um gerador de nome comercial o ajudará a encontrá-lo.

Depois de se inscrever e adicionar um nome, você pode aproveitar o tutorial rápido do Squarespace da plataforma antes de chegar ao painel do site.

Conhecendo seu painel e editor do Squarespace

O gerenciamento de sua conta do Squarespace e o gerenciamento geral do site são feitos por meio do painel ou do editor visual.

O painel é para coisas como alterações de senha ou transferências de domínio.

Se você administra alguns sites, pode alternar entre eles no painel. Para visualizar um de seus sites, clique no botão Site para abrir o conjunto completo de ferramentas de gerenciamento de sites (incluindo o editor visual).

O gerenciamento de sites é uma alegria com o Squarespace. Enquanto outras plataformas de criação de sites têm várias ferramentas concorrentes para coisas como SEO, o Squarespace faz as coisas de maneira diferente. Você pode pular as listas de ferramentas que precisam ser pagas. Em vez disso, tudo o que você precisa para ter sucesso está em uma página.

Você encontrará as ferramentas de gerenciamento de seu site no lado esquerdo da tela. À direita, você terá uma prévia do seu site.

• Use páginas para alterar o conteúdo do seu site.
• Altere aspectos de design , como estilos de site, CSS adicional e páginas de erro.
• Assuma o controle das funções de comércio , como produtos, envio e faturamento.
• Mergulhe nas análises com relatórios de tráfego, conversões e desempenho de SEO.
• Inicie várias opções de marketing , como pop-ups e campanhas de e-mail.
• Permita opções de autoagendamento para seus clientes.
• Além de muito mais.

Editando o conteúdo do seu site

Sempre que abro o editor visual, fico impressionado com a aparência completa dos sites do Squarespace desde o início. Vamos dar uma olhada no que temos:

• Um menu funcional com links para páginas essenciais.
• Layouts profissionais bem proporcionados com botões que chamam a atenção.
• Fontes bem combinadas e um esquema de cores profissional.

Não apenas parece ótimo, mas também, se você tiver sorte, o modelo selecionado corresponderá ao seu tópico e a única coisa que você pode precisar antes do lançamento é uma edição leve.

Vamos começar a editar as Páginas , pois elas estão no topo do menu.

Como você pode ver, todas as páginas do seu site estão listadas aqui. Para editar as configurações da página, passe o mouse sobre o nome para encontrar o pequeno ícone de engrenagem e clique nele.

Em Configurações de página, você pode ajustar a identidade e a aparência do seu site. Mais importante, para nós, as configurações gerais controlam os títulos de suas páginas e o slug de URL.

As configurações de página são úteis se você quiser saber como duplicar uma página do Squarespace. Vá para Configurações da página → Geral e role para baixo para encontrar o link Duplicar página . Basta clicar nele para duplicar qualquer página do Squarespace.

Enquanto estiver aqui, considere atualizar a imagem social para algo que você gostaria de compartilhar nas plataformas de mídia social (basta ir para Imagem Social e arrastar e soltar sua imagem favorita na caixa).

Depois de configurar a identidade do seu site, passaremos para a próxima etapa do tutorial do Squarespace: conteúdo da página.

Clicar no botão Editar abre as opções de edição para suas páginas.

Editando o cabeçalho do site

Diferentes opções de edição aparecem quando você passa por diferentes partes da página. Por que não começar no topo com o Cabeçalho do Site? Clique no botão editar quando ele aparecer.

Aqui, você encontrará as opções de edição para desktop e celular para o seguinte:

• Título e logotipo do site.
• Uma variedade de elementos, como links sociais e botões.
• Cores e transparência.
• Posição do cabeçalho.

Se você estava esperando para adicionar o nome do seu site, você pode fazê-lo agora enquanto adiciona qualquer perfil de mídia social que você configurou. Com os elementos de identificação essenciais no lugar, vamos explorar as opções móveis.

Quaisquer alterações feitas nos menus do celular ou da área de trabalho só serão visíveis nesses dispositivos. Para dispositivos móveis, você pode alterar o layout do cabeçalho e as opções do menu.

Para desktop, você pode alterar o layout, mas também a aparência dos elementos e o tamanho do próprio cabeçalho. Squarespace faz um bom trabalho de espaçamento de elementos, então você provavelmente pode deixar o preenchimento e o espaçamento como estão.

Independentemente do que você está alterando, cada alteração aparecerá imediatamente na janela de visualização. Por exemplo, a alteração do título do site acontecerá em tempo real.

Editando o conteúdo da página

Entre no modo de edição de qualquer página quando estiver pronto para alterar seu texto ou atualizar imagens. A maioria das áreas de conteúdo pode ser editada, incluindo blocos de texto, botões e fotos.

Por exemplo, para editar frases e títulos, clique no texto para abrir o editor de texto. Aqui, você pode adicionar listas e links, texto em negrito e muito mais. Basta digitar seu novo texto e adicionar qualquer formatação.

️ Um ponto importante, o Squarespace não possui um recurso de salvamento automático. Geralmente, é difícil sair de uma página sem clicar em Concluído e Salvar alterações . Mas uma conexão perdida ou janela fechada pode causar alguns problemas.

Editando o layout da seção

Para fazer alterações nos planos de fundo e layouts das seções, passe o mouse sobre qualquer seção para encontrar um pequeno menu com suas opções de edição:

• O lápis lhe dá controle sobre a aparência da seção. Isso inclui o tamanho da seção, o plano de fundo e a cor.
• Clicar nas duas páginas duplicará tudo na seção. Você copiará o layout, todas as imagens e o texto. Sua seção duplicada aparecerá imediatamente abaixo da existente.
• As duas setas movem a seção para cima ou para baixo na página.
• A lixeira exclui a seção inteira.

Por exemplo, para alterar uma imagem de fundo, clique no lápis e Fundo . Clique em Substituir para carregar uma imagem de fundo que você gosta. Se você tiver um link do YouTube ou do Vimeo, poderá encontrar as configurações de plano de fundo do vídeo em Vídeo .

Adicionando seções

Como fizemos todo o movimento do cursor, você deve ter notado uma borda azul com Add Section nas extremidades opostas. Clicar em qualquer um deles abrirá a nova caixa pop-up de seção contendo cada seção do Squarespace.

As seções mais comuns e populares aparecerão no topo, então percorra a lista inteira para ver seções obscuras como:

• Compromissos
• Doações
• Produtos
• Calendários
• Gráficos
• Mural do logotipo
• Música
• e muitos mais

Cada seção tem vários layouts que você pode percorrer antes de clicar para adicionar a seção à sua página.

Não só os layouts parecem diferentes, mas também têm opções diferentes dependendo dos elementos que usam. Por exemplo, as seções de localização têm vários designs de mapa com controles deslizantes simples para elementos como rolagem.

Adicionando uma página

Nenhum tutorial do Squarespace pode ser concluído sem mostrar como adicionar uma página. Você pode criar novas páginas e remover as existentes no menu Páginas .

Cada página em seu menu principal pode ser encontrada no cabeçalho Main Navigation .

Quaisquer páginas não vinculadas ou áreas de associação estarão abaixo da seção principal.

Para adicionar uma página, clique no botão “+” de acordo com o local onde deseja que a página apareça.

Você pode criar uma página do zero ou usar um layout Squarespace pré-projetado como:

• Responda Por Favor
• Serviços
• Equipe
• Galeria
• Portfólio
• Blogue
• e mais

Por exemplo, se você decidir adicionar uma página de blog, poderá escolher um layout de sua preferência e adicioná-lo ao menu principal. Como pode ser visto, o menu será atualizado automaticamente com sua nova página.

Quando estiver pronto para escrever sua primeira postagem, basta clicar na página do seu blog para abrir o arquivo. Uma vez que o arquivo é aberto, clique no botão “+” para iniciar uma nova postagem.

Fazendo alterações no projeto

É hora de nosso tutorial do Squarespace passar para as ferramentas de design que ajudam você a adicionar o toque pessoal que dá ao seu site a identidade visual. Quando estiver pronto para começar a alterar cores, tamanhos e fontes, clique no link Design para começar a explorar.

Ao clicar, você poderá editar:

• Estilos de site como fontes, cores, animações e muito mais.
• Ícones do navegador
• Telas de bloqueio
• Páginas de checkout
• 404 páginas
• Logotipos de compartilhamento social
• CSS customizado

Embora você deva experimentar todas essas guias, os estilos de site terão o maior impacto em seu site. Clique no link para abrir o menu principal:

Você pode ver que os estilos de site cobrem todos os elementos visuais importantes para o seu site. Sempre que precisar das opções de design, abra o menu clicando no ícone de pincel.

Depois de selecionar uma opção, o Squarespace aplicará automaticamente a alteração de estilo a toda a sua página. Você não terá que passar pelos elementos individuais e pelas mudanças imediatamente. Por exemplo, alterar a paleta de cores atualiza todas as seções com as novas cores.

Adicionando uma loja de comércio eletrônico

Observação; esta etapa é opcional. Nem todo usuário deseja lançar uma loja de comércio eletrônico com o Squarespace. Dito isso, se esse é o seu objetivo, o Squarespace é perfeitamente capaz de lidar com a tarefa!

Embora o Squarespace não seja a plataforma de comércio eletrônico mais popular, ele possui recursos de comércio suficientes para estender qualquer site a uma loja online.

Na verdade, não importa se você ainda não tem certeza do que vender online. Squarespace lhe dará a chance de explorar suas opções.

Na verdade, você pode adicionar 200 produtos a uma página de loja. Se você deseja gerar receita com seu site, o Squarespace Commerce é uma opção sólida.

Quando estiver pronto para começar, clique na guia Comércio .

O processo de configuração da loja pode ser feito com o assistente de comércio eletrônico de quatro etapas do Squarespace. Clique em Iniciar e depois em Adicionar produtos à venda .

Nesse ponto, o Squarespace solicitará que você escolha um layout de loja. Você deve ter pelo menos duas opções. Clique na sua opção preferida.

Sua loja deve ter alguns produtos de demonstração incluídos no layout. Eles podem ser editados para se adequarem aos seus produtos ou você pode adicionar novos produtos clicando no botão “+” .

Você pode escolher entre quatro tipos principais de produtos com diferentes configurações:

• Físico
• Digital
• Serviço
• Cartão Presente

Cada um dos tipos de produto tem campos diferentes para cada aspecto da exibição do produto. Você pode adicionar várias imagens, definir preços e gerenciar seu inventário a partir das páginas do produto.

Depois de concluir a aparência do produto, role para baixo para encontrar opções personalizadas, como botões e opções de envio.

Clique em Concluído → Salvar para adicionar o produto à sua loja.

Adicionando métodos de pagamento à sua loja Squarespace

É hora deste tutorial do Squarespace integrar um gateway de pagamento. Você encontrará a opção Adicionar uma maneira de receber o pagamento no menu de configuração da loja.

Com Squarespace, você pode integrar Stripe, PayPal e Square (nos EUA). Clique no seu gateway preferido para vinculá-lo ao seu site.

Definindo os requisitos de envio

Clique no botão Escolher como enviar seus produtos .

Use essas opções para decidir sobre suas taxas de envio. Como pode ser visto na imagem, você pode escolher entre taxa fixa, frete baseado em peso ou simplesmente permitir que a transportadora calcule o preço.

Depois de selecionar uma opção, ela aparecerá em suas opções de envio junto com o custo e as limitações regionais.

Visualização para celular

Quando estiver satisfeito com a aparência do seu site, clique no ícone de telefone no canto superior direito do editor.

Isso mudará tudo para uma visualização móvel do seu site.

Percorra a visualização móvel e confirme que está satisfeito com a aparência de tudo. Parece ótimo, então vamos dar o passo final no tutorial do Squarespace: publicar seu site para o mundo ver!

Publicando seu site e preços

Agora, estamos prontos para compartilhar o site com outras pessoas. Vamos atualizar nosso plano e publicar o site.

Clique no link Configurações para encontrar as opções de publicação.

Quando as opções de configurações são abertas, é a Disponibilidade do Site que nos interessa.

Clique na disponibilidade do site para abrir a opção de atualizar e publicar.

O Squarespace tem vários planos diferentes, mas os planos mais caros geralmente têm melhores opções de comércio eletrônico.

Escolha o plano que é melhor para você e comemore. Este tutorial do Squarespace acabou. Você fez isso! Seu site já está no ar!

Conclusão

Nós cobrimos muito terreno aqui. Para recapitular, aprendemos:

• Personalizando sua experiência no Squarespace
• Como escolher um design Squarespace para o seu site
• Inscrevendo-se no Squarespace
• Conhecendo seu painel e editor do Squarespace
• Editando o conteúdo do seu site
• Fazendo alterações no projeto
• Adicionando uma loja de comércio eletrônico
• Visualizando seu site no celular
• Publicando seu site e preços

O que você acha do Squarespace como uma ferramenta de criação de sites? Você está gostando da sua experiência no Squarespace? Sinta-se à vontade para compartilhar seus pensamentos nos comentários abaixo.