Espaço quadrado. Como criar um site com Squarespace?

Os preços do Squarespace variam de 12 USD – 40 USD/mês, ou um pouco mais se você pagar mensalmente. (Você pode ganhe um desconto extra de 10% com o código WBE ou 50% de desconto se você for estudante!).

Mas não pense nisso ainda! O Squarespace oferece um teste gratuito de 14 dias, então basta acessar squarespace.com para se inscrever. Você não precisa inserir nenhum detalhe neste momento - basta clicar no botão "Começar" para passar para a próxima etapa! Apenas.

Começar a usar o Squarespace é fácil: basta acessar a página inicial e clicar no botão Começar!

Depois de clicar em "Começar", você será solicitado a selecionar design para seu site:

O primeiro passo na criação do seu site é escolher um design. Clique na imagem para ver os modelos do Squarespace.

Você pode navegar por setor (de "Compras on-line" e "Restaurantes" a "Casamentos" e "Fotografia") ou por designs populares.

Você pode filtrar modelos por categoria e visualizar designs para facilitar sua seleção. Clique na imagem para escolher seu desenho.

Passe o mouse sobre o modelo e selecione Visualizar para testá-lo.

O modelo que você escolher servirá de trampolim para o design do seu site, por isso vale a pena navegar por vários para encontrar o que você mais gosta.

Um conselho neste momento: o design do Squarespace é bom. Na verdade, eles são muito bons - os melhores que já testamos! Isso certamente é ótimo, mas também pode dificultar a escolha de apenas um modelo - você está realmente sem escolha e é fácil perder o controle e desistir completamente.

Mas não faça isso! Aqui estão nossas principais dicas para escolher um modelo:

1. Atenha-se ao seu setor é uma maneira fácil de restringir suas opções e, ao mesmo tempo, garantir que você esteja seguindo as práticas recomendadas do setor.
2. “Adicione como favorito” seus modelos favoritos clicando no coração - eles serão salvos na categoria “Favoritos” para que você possa voltar a eles com novos olhos.
3. Apenas... escolha um! - Você pode personalizar seu modelo como quiser, então não fique muito preso à sua decisão neste momento.

Depois de selecionar um modelo, passe o mouse sobre ele e selecione a opção “Começar com [nome do modelo]”. Vamos escolher um modelo Atlântico da categoria restaurante.

Neste ponto, você precisa se registrar com um endereço de e-mail ou fazer login na sua conta do Google:

A inscrição no Squarespace requer apenas um endereço de e-mail e senha – nenhuma informação de pagamento é necessária. Clique na imagem para ir para pagina inicial quadrado.

Em seguida, dê um nome ao seu site. Ele aparecerá no topo do seu site, embora possa ser editado.

Durante a configuração, você pode dar um nome ao seu site.

O Squarespace mostrará alguns slides rápidos sobre a edição do seu site. Você pode ignorá-los, sabendo que já possui (provavelmente) o melhor tutorial da Internet como um guia confiável!

Este é o menu principal do Squarespace e é a partir daqui que você seguirá todos os passos para dar vida ao seu site.

Você edita suas páginas usando o menu de edição do Squarespace.

Se você se mudasse para uma casa que precisava de muito trabalho, teria que ter certeza de que as coisas maiores – banheiros, cozinhas, etc. – estavam no lugar antes de começar a pintar as paredes.

É a mesma coisa aqui. Não se empolgue ainda design – concentre-se na estrutura do seu site.

Adicionando páginas

Dê uma olhada no cardápio. O que está faltando? 

Em relação ao nosso restaurante A cozinha de teste, nós queremos , para que o blog possa compartilhar algumas receitas que as pessoas possam copiar de suas próprias cozinhas, atualizações sobre nossas precauções e políticas da Covid-19 e mensagens da equipe.

Veja como adicionamos um blog ao site:

Vá em “Páginas” onde você verá todas as páginas atuais do seu site:

Você pode visualizar as páginas do seu site no lado esquerdo do editor.

Clique em + e selecione "Blog" na lista.

Você pode escolher quais páginas deseja adicionar ao seu site. Aqui, clique na página do Blog.

Em seguida, selecione seu layout preferido:

Qual layout você mais gosta? Navegue por cada um e escolha o layout que melhor se adapta ao seu design!

Depois de escolher um layout, clique em qualquer uma das quatro postagens “fictícias” do blog para adicioná-lo ao seu próprio conteúdo e remover tudo o que você ainda não precisa.

Criando um submenu. Espaço quadrado

Há muitas páginas para caber no menu do seu site? Coloque suas páginas em uma pasta para facilitar a navegação.

Você pode então definir um nome para este menu e também adicionar as páginas que estarão nele.

Excluindo páginas. Espaço quadrado

Precisa se livrar de uma página ou pasta? Sem problemas. Basta passar o mouse sobre a página no menu e um emoji de lixeira aparecerá à esquerda. Clique neste ícone e depois em Confirmar.

Depois de ter as páginas desejadas, é hora de personalizar seu conteúdo para combinar com sua marca. Isso significa substituir a cópia do espaço reservado, reorganizar as seções e adicionar novas.

Para entrar no modo Editor, vá até a página que deseja editar e clique em Editar no canto superior esquerdo.

Resumindo, você pode editar qualquer seção passando o mouse sobre ela e clicando no ícone da caneta. Para adicionar outra seção, passe o mouse sobre as duas seções e clique no ícone azul “+” que aparece no meio.

Aqui estão alguns tipos de seções que você pode adicionar:

Há muitas seções para escolher e você pode até reorganizar as páginas depois de adicionar novas seções ao seu site.

Não gosta da ordem das páginas? Basta tocar e segurar para selecionar uma seção e arrastá-la para cima ou para baixo na página.

Quando terminar de adicionar, editar e mover seções, clique em “Concluído” no canto superior esquerdo e depois em “Salvar”.

Agora que o layout de suas páginas está praticamente no lugar, vamos personalizar seu projete e adicione alguns elementos branding para fazer seu site parecer mais “você”.

No menu principal, selecione “Design”.

Vá para Design para alterar as opções de estilo, como cores e fontes.

Altere fontes e cores. Espaço quadrado

Vá para a seção "Fontes" para selecionar "definir" fontes (essencialmente algumas fontes) para implantar em seu site e também alterar o tamanho da fonte definido. Em Estilos de texto globais, clique em qualquer tipo de texto (títulos, parágrafos, etc.) para ajustar a espessura e o espaçamento da fonte. Em seguida, clique em “Atribuir estilos” (em Fontes) para atribuir fontes diferentes a diferentes partes do seu site.

No capítulo " Цвета O Squarespace tem uma seleção de paletas de cores predefinidas para você escolher, ou a capacidade de fazer upload de uma cor (por meio de um código HTML de seis dígitos) ou até mesmo fazer upload de uma imagem e o Squarespace extrairá as cores principais dela.

Animação e estilo. Espaço quadrado

Na seção “Animação” você pode configurar a exibição da animação em seu site. A animação ocorre quando o conteúdo parece “estourar”, “desaparecer” ou “cair” no lugar. Esta é uma maneira excelente e elegante de incrementar seu site!

Efeitos de animação incomuns em seu site? Sem problemas!

No capítulo " Intervalo" e " Blocos de imagem" você pode fazer pequenas alterações no espaçamento e alinhamento das seções de conteúdo e imagem. E na seção " Botões" você pode alterar o estilo de seus CTAs.

Detalhes mais sutis

Neste ponto, seu site parece muito bom. Contente? Confira. Imagens? Confira. Cores e fontes da marca? Confira. Animações divertidas? Confira.

Mas bom site deve ser consistente em todos os pontos de contato possíveis e, portanto, é muito importante sue as pequenas coisas :

Design>Ícone do navegador - Também conhecido como ícone do navegador, o ícone do navegador é o que aparece ao lado do nome do seu site quando ele está em uma guia. No momento temos um cubo preto como padrão - a maioria das marcas prefere enviar seu logotipo aqui:

Projeto > Página 404 é o conteúdo que será exibido caso os leitores tentem acessar uma página do seu site que não existe. Há alguma cópia padrão aqui, mas sugerimos substituí-la por algo com mais marca.  

Página de checkout e produtos. Espaço quadrado

Estas seções são sobre como personalizar suas páginas de produtos e páginas de checkout. Não há itens para vender? Pule agora!

Adicionando um logotipo e logotipo de rede social

Você pode fazer upload do logotipo rede social (ou seja, uma imagem que representa o seu conteúdo quando publicado no redes sociais) No capítulo " Design> Compartilhamento social .

Para fazer upload de um logotipo para exibição em seu site, retorne ao modo de edição na página inicial. Passe o mouse sobre o cabeçalho e clique no botão "Editar cabeçalho do site" e depois em "Cabeçalho e logotipo do site", onde você verá um local para fazer upload do seu logotipo.

Antes de começarmos a pagar pelo seu site e publicá-lo, primeiro precisamos chegar ao nível de administrador. No capítulo " Definições" você encontrará muitas configurações diferentes - cobrimos o essencial para qualquer site abaixo, mas você pode encontrar outras que se adequam ao seu!

Idioma e informações comerciais

Vamos para " Configurações>Idioma e Região para selecionar localização, idioma e fuso horário.

В em Configurações> Informações comerciais Insira seus dados de contato, localização e horário de funcionamento (se aplicável).

Se você estiver criando um site comercial, é aqui que você pode inserir informações de contato, localização e horário de funcionamento.

Nome do domínio. Espaço quadrado

Seu nome de domínio é o endereço do seu site. Quando se trata de obter seu próprio nome de domínio, você tem várias opções:

1. Compre de outro registrador de domínio e transfira para o seu site do Squarespace. Vá para " Configurações>Domínios>Usar seu próprio domínio , e o Squarespace orientará você nas etapas para adicioná-lo.
2. Obtenha um nome de domínio através do Squarespace. Custará a partir de 20 dólares por ano (o que levemente mais caro do que comprar em outro lugar, mas um pouco mais conveniente). Vá para Configurações>Domínios>Obter domínio. para encontrar um disponível.
3. Compre o plano anual do Squarespace e ganhe um domínio grátis no primeiro ano. Abordaremos os planos na próxima seção, mas se você estiver disposto a se comprometer com um plano anual, receberá um nome de domínio gratuito no primeiro ano, bem como economia nos custos “principais”. Para conseguir isso, inscreva-se em um plano pago e vá para " Configurações>Domínios>Obter domínio.

Mídia social

Vincule suas contas a redes sociaisselecionando " Configurações>Links Sociais . Todas as contas que você adicionar aqui estarão acessíveis por meio de ícones de cabeçalho, a menos que você as exclua.

Quando o teste de duas semanas do Squarespace ainda estiver em andamento, seu site será privado por padrão. Isso significa que ninguém poderá acessá-lo, por exemplo, simplesmente através do Google. Mesmo que você tenha um nome de domínio configurado e envie um link direto para alguém, essa pessoa verá apenas a página de login.

Mas fazer com que amigos e familiares vejam seu site é um passo importante para resolver quaisquer problemas antes que seu site seja lançado. É por isso que recomendamos definir uma senha para todo o site. Qualquer pessoa com esta senha poderá acessar as últimas alterações no seu site. No mínimo, esta pode ser uma maneira útil de você para visualizar o site "na vida real" entre diferentes dispositivos.

Como definir uma senha para todo o site

No menu principal, selecione " Configurações>Acessibilidade do site . Em seguida, altere a configuração padrão de Público para Protegido por senha e digite a senha escolhida. Lembre-se de torná-lo público novamente depois de se inscrever no plano pago!

Antes do término do teste gratuito, certifique-se de se inscrever em um plano pago. Squarespace tem quatro planos de preços:

• Privado -$ 16/mês (ou $ 12/mês cobrado anualmente)
• Negócio -$ 26/mês (ou $ 18/mês cobrado anualmente)
• Comércio eletrônico básico -$ 30/mês (ou $ 26/mês cobrado anualmente)
• Comércio eletrônico avançado -$ 46/mês (ou $ 40/mês cobrado anualmente)

É claro que todos os planos diferem nas funcionalidades que oferecem (os próximos dois passos deste guia só são possíveis se você tiver um plano de negócios ou superior, por exemplo). Você pode economizar entre 13% e 30% se assinar um plano anual.

Mas o que eles dão? Bem, como seria de esperar, você receberá mais se pagar mais. Por exemplo, o plano Pessoal é ideal para portfólios e blogs, mas não é adequado para usuários com ambições empresariais, pois não pode vender produtos. Ele também não oferece integrações de terceiros, como Mailchimp ou OpenTable, ou anúncios pop-up.

Dois planos comércio eletrônico oferecem zero taxas de transação, enquanto o Business cobra 3%. Portanto, pense no seu orçamento e no que você deseja que seu site seja capaz de fazer.

 Depois de escolher um plano tarifário e pagar por ele, seu site estará instalado e funcionando. Para alguns sites (portfólios, etc.), seu trabalho agora pode ser feito. Para qualquer pessoa que use um plano de negócios ou superior, há algumas etapas adicionais que abordaremos a seguir.

Primeiramente, para adicionar ferramentas de marketing, você deve estar pelo menos no plano Business. Como você atualiza? Você não ficará surpreso ao saber que o Squarespace pensou nisso – há um botão “Atualizar agora” estrategicamente colocado no final de cada página durante seu teste gratuito.

É claro que nem todo site precisa dessas ferramentas. Portanto, se você não planeja vender online, pode pular as etapas 7 e 8.

Ao clicar em “Marketing” no menu principal, você verá tudo o que precisa para promover seu site Squarespace. A imagem abaixo mostra suas opções de marketing.

O Squarespace oferece uma ampla gama de excelentes ferramentas de marketing.

A partir daqui, você pode adicionar pop-ups, mostrar botões de mídia social, integrar sua página do Facebook, vincular seu feed do Instagram e muito mais com apenas alguns cliques. Você pode até criar uma nova campanha de e-mail usando Squarespace Email Campaigns. Para um construtor de sites tão criativo, o Squarespace não economiza no lado comercial.

Você pode até ver o desempenho do seu site usando a opção Analytics no painel principal. Ele permite que você visualize seu tráfego, pesquise palavras-chave e, essencialmente, acompanhe o desempenho do seu site Squarespace.

62% dos consumidores dos EUA agora compram mais online do que antes da pandemia, então você pode querer adicionar ao seu site de comércio eletrônico.

Assim como adicionar ferramentas de marketing a vender produtos, você deve ter pelo menos um plano de negócios . No entanto, ainda recomendamos planos de comércio para os mais ambiciosos lojas online.

Assim, após a atualização (basta clicar no botão azul “Atualizar agora”), clique em “Negociar” no painel principal e você poderá começar a vender.

Agora você pode integrar estes recursos de vendas:

• Pedidos on-line
• Gestão de inventário
• Veja seus clientes
• Adicionar descontos

Observe que você precisará adicionar uma página de Produtos antes de gerenciar seu inventário. Mas não se preocupe, basta voltar às etapas de “Adicionar páginas” e repetir o processo. É muito simples.

O Squarespace tem integração com o Square, gigante do processamento de pagamentos. Ele permite que você aceite pagamentos com cartão tanto off-line quanto on-line – tudo que você precisa é do aplicativo Square Commerce, um dos leitores de cartão menores da Square (US $ 49), e pronto. Assista a este vídeo para saber mais sobre como isso pode funcionar em sua loja:

Em relação às comissões, pagamentos off-line Serão aplicadas taxas de transação e processamento da própria Square. Isso depende de vários fatores (incluindo localização), mas nos EUA você pode esperar pagar:

• Taxa de transação 2,6% + comissão para processamento em US$ 0,10
• Comissão por transação 3,5% + comissão para processamento transações principais dólar 0,15 US

Embora sempre valha a pena conferir diretamente no site da Square. Você não incorrerá em nenhuma taxa adicional do Squarespace por vendas off-line ou on-line usando seus planos de comércio.