Tutorial do Squarespace: um guia passo a passo para iniciantes

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

É uma ótima escolha. EU amar 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 Como as para usar o Squarespace, você sabe como fazer um site para praticamente nada.

Por outro lado, o Squarespace pode lançar uma 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:

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

Por enquanto, vamos ao site da Squarespace e clique em um dos dois Iniciar botões:

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 website. 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 criar um blog de culinária, o Squarespace mostrará os melhores temas de sites para blogs e culinária. Você pode inserir seus próprios tópicos, mas de forma ampla. Por exemplo, imobiliária irá gerar melhores resultados do que vendendo para compradores de primeira casa.

Quando estiver satisfeito com sua seleção, clique em Próximo seguir adiante.

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

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

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

Com os objetivos resolvidos, vamos abordar a questão final. Esteja você explorando uma ideia ou transferindo um site, clique na melhor resposta e depois Terminar para passar para a parte emocionante de qualquer tutorial do Squarespace: seleção de modelo.

Como escolher um design do Squarespace para o seu site

Quando os desenhos 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 que são 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 atrair, pesquise na lista completa de mais de 110 modelos ou filtre os resultados usando os tipos de site e as listas de tópicos.

Mas não descarte os temas baseados no conteúdo da 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 reformular 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 criar uma conta no Squarespace.

Inscrevendo-se no Squarespace

Nesse ponto, você precisará fazer login ou criar uma conta no Squarespace. Você pode usar uma conta do Squarespace para vários testes de 14 dias, então não crie uma nova conta se você já usou o Squarespace antes.

Depois de se inscrever, dê um nome ao seu site. Você pode alterá-lo mais tarde, portanto, 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 nomes comerciais 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 acessar o painel do site.

Conhecendo o painel e o editor do Squarespace

O gerenciamento de sua conta 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ê executar alguns sites, poderá alternar entre eles no painel. Para visualizar um de seus sites, clique no botão Local na rede Internet botão 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 do site no lado esquerdo da tela. À direita, você terá uma prévia do seu site.

• Usar Páginas para alterar o conteúdo do seu site.
• Mudar Projeto aspectos, como estilos de site, CSS adicional e páginas de erro.
• Assuma o controle de comércio funções, como produtos, remessa e cobrança.
• Cavar análise com relatórios de tráfego, conversões e desempenho de SEO.
• Iniciar múltiplo marketing opções, como pop-ups e campanhas de e-mail.
• Permitir auto-agendamento opções 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 forma como completo Os sites do Squarespace olham 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 só 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.

Nas Configurações da 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 da página são úteis se você quiser saber como duplicar uma página do Squarespace. Vamos para Configurações da página → Geral e role para baixo para encontrar o Página Duplicada ligação. 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 arraste e solte 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.

Clicando no Editar botão 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 o mouse sobre diferentes partes da página. Por que não começar no topo com o cabeçalho do site? Clique no editar botão quando ele aparecer.

Se você está esperando para adicionar o nome do seu site, pode fazê-lo agora enquanto adiciona os perfis de mídia social que configurou. Com os elementos de identificação essenciais definidos, vamos nos aprofundar nas opções móveis.

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

Introduzir o Editar modo 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 Feito 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 tamanho da seção, plano de fundo e cor.
• Clicar nas duas páginas duplicará tudo na seção. Você copiará o layout, todas as imagens e também 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 toda a seção.

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

Adicionando seções

Enquanto rolávamos o cursor, você deve ter notado uma borda azul com Adicionar seção em extremidades opostas. Clicar em qualquer um deles abrirá a caixa pop-up da nova seção contendo todas as seções do Squarespace.

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

• Compromissos
• Doações
• Produtos
• calendários
• Gráficos
• Logo Wall
• Música
• e muitos mais

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

Os layouts não apenas 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 poderia estar completo sem mostrar como adicionar uma página. Você pode criar novas páginas e remover as existentes do Páginas cardápio.

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
• blog
• 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, o arquivo é aberto, clique no botão “+” botão para iniciar um novo post.

Fazendo alterações de design

É hora de nosso tutorial do Squarespace passar para o Projeto ferramentas que ajudam você a adicionar o toque pessoal que dá identidade visual ao seu site. Quando estiver pronto para começar a alterar cores, tamanhos e fontes, clique no botão Projeto link 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

Depois de selecionar uma opção, o Squarespace aplicará automaticamente a alteração de estilo a toda a página. Você não terá que passar pelos elementos individuais e pelas alterações 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

📋 Nota; esta etapa é opcional. Nem todo usuário deseja lançar uma loja de comércio eletrônico com o Squarespace. Dito isto, 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 comerciais suficientes para transformar qualquer site em uma loja online.

Na verdade, nem 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 da loja. Se você deseja gerar receita com seu site, o Squarespace Commerce é uma opção sólida.

Quando estiver pronto para começar, clique no botão Comércio aba.

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 Começar e então 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 caber em seus produtos ou você pode adicionar novos produtos clicando no “+” botão.

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

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

Cada um dos tipos de produto possui campos diferentes para cada aspecto da exibição do produto. Você pode adicionar várias imagens, definir preços e gerenciar seu inventário, tudo nas 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 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á o Adicionar uma forma de receber pagamentos opção no menu de configuração da loja.

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

Definir requisitos de envio

Clique no Escolha como enviar seus produtos botão.

Use essas opções para decidir sobre suas taxas de envio. Como pode ser visto na imagem, você pode escolher entre taxa fixa, frete com base no 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 móvel

Quando estiver satisfeito com a aparência do seu site, clique no botão telefone ícone 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 se 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 Configurações link para encontrar as opções de publicação.

Quando as opções de configuração são abertas, é o Disponibilidade do site que estamos interessados.

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

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

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

Conclusão

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