Confira como os clientes usam sua loja ao conferir os produtos até finalizar a compra.

Este guia mostra o que o cliente vê ao conferir seus produtos, ao adicionar um produto ao carrinho de compras e ao finalizar a compra. Antes que os clientes possam finalizar uma compra, você precisa adicionar produtos ao seu site e vincular um processador de pagamentos.

Dica: matricule-se no nosso webinar com dicas de design para aumentar as vendas da sua loja (apenas em inglês). Apresentaremos ferramentas e dicas para você destacar seus produtos no site e gerar vendas.

As capturas de tela nos exemplos deste guia são de um site simulado da versão 7.1. Nos sites da versão 7.0, a experiência do cliente pode ser um pouco diferente. O processo de compra do cliente também pode variar um pouco dependendo de como você configura sua loja. Executar um pedido de teste é a melhor formar de saber como funciona a finalização de compra.

Explore seu site

Ao visitar o seu site, o cliente usa a navegação do seu site para explorar. Para ver seus produtos, ele deve clicar num link para a página da sua loja.

Na página da loja, ele vê seus produtos e pode filtrá-los por categoria.

A página da loja mostra até 200 produtos. Acima disso, os clientes podem clicar em Avançar para ver mais produtos. Se o produto tiver mais de uma variante com preços diferentes, a página da loja mostrará "A partir de [o preço da variante mais barata]" no campo do preço.

Se você ativou os recursos especiais da página da loja, como visualização rápida ou zoom do produto, o cliente interage com esses recursos ao passar o cursor sobre as imagens do produto em destaque.

Outras formas de fazer compras

Os clientes podem comprar produtos em outras partes do seu site se você usar blocos de produtos ou blocos de sumário para expor em outras páginas.

Se você anuncia produtos com Campanhas por e-mail do Squarespace ou sincroniza os produtos com o Facebook ou Instagram, os clientes também encontrarão seus produtos mesmo fora do seu site Squarespace.

Adicione um produto ao carrinho

Quando os clientes clicam em um produto, a página de detalhes do produto é aberta, onde eles podem revisar as informações, imagens e muito mais do produto. Se o produto tiver várias opções, como cor e tamanho, eles poderão selecioná-las em um menu suspenso ou clicar em um botão. Para adicionar o produto ao carrinho, eles clicam em Adicionar ao carrinho. Você pode personalizar o texto deste botão. Os clientes podem adicionar até 500 produtos ao carrinho. Se o frete calculado pela transportadora estiver ativado, eles poderão adicionar até 150 produtos. Se eles inserirem uma quantidade maior do que a que você tem em estoque, uma mensagem de erro será exibida informando a quantidade máxima que eles podem solicitar. 

Na versão 7.1, você também pode disponibilizar o botão Adicionar ao carrinho na página da loja abaixo da miniatura dos produtos, de modo que os clientes adicionem itens ao carrinho com mais rapidez. Se o produto tiver uma variante, os clientes podem selecionar essa opção e clicar em Adicionar ao carrinho na página da loja. Se o produto tiver mais de uma variante, os clientes devem clicar no botão Ver opções, que os leva à página de detalhes do produto. Lá, eles podem selecionar uma opção.

Confira o carrinho de compras

Após o cliente adicionar um item ao carrinho, aparece um aviso no carrinho no topo da página, mostrando o número de itens no carrinho e o custo total. Para enviar um visitante diretamente para a finalização de compra após escolher ele um produto, ative a finalização de compra expressa. O cliente pode continuar as compras ou pode clicar no ícone do carrinho para abrir o carrinho de compras.

No carrinho de compras, o cliente pode alterar a quantidade do produto ou excluir um produto. Ele deve clicar em Finalização de compra para concluir a compra.

Se o cliente excluir todos os produtos do carrinho de compras, aparecerá o link Continuar as compras. Como padrão, ele cai na sua página inicial, mas você pode direcioná-lo para outra página.

Finalize a compra

Clicar no botão Finalização de compra abre a página de finalização de compra; por ser protegida por SSL, ela mantém seguros e protegidos os dados do cartão de crédito dos seus clientes. Uma finalização de compra típica segue estas etapas:

1. E-mail - o cliente informa o endereço de e-mail. Se você ativou a opção de se cadastrar na newsletter na finalização de compra, ele pode marcar ou desmarcar essa opção.
2. Login na conta do cliente - se o cliente tiver uma conta de cliente, ele poderá fazer login para acelerar a finalização da compra. Se você ativou as contas de clientes, os clientes podem criar uma conta na finalização da compra.
3. Formas de entrega - o cliente escolhe entre envio ou retirada no local. No caso do envio, ele precisa informar o endereço para entrega. Quando ele começa a digitar, aparece uma lista de sugestões de preenchimento automático feita pelo Google. Em seguida, o cliente deve selecionar uma opção de envio. As opções disponíveis aparecem em ordem crescente de preço, e a opção menos cara já vem selecionada. Se todas tiverem o mesmo preço, elas serão exibidas na ordem em que foram adicionadas.
4. Pagamento e descontos - o cliente informa os dados do cartão de crédito e o endereço para cobrança; ou pode usar o PayPal, o Apple Pay ou o Afterpay. Se você tiver descontos ativos, o cliente poderá usar um código de desconto. Os descontos são aplicados ao custo do produto, não ao do envio. Somente descontos de envio grátis afetam o custo do envio.
5. Revisão e compra - o cliente clica em Comprar para fazer o pedido. Se você adicionou as políticas da loja, elas aparecerão aqui como links de texto.
6. Confirmação - após a finalização da compra, os clientes são direcionados para uma página de confirmação. 

Se você tiver um desconto automático de frete grátis, ele será exibido depois que os clientes selecionarem a opção de frete à qual o desconto se aplica. Se esta opção for mais cara do que outras opções antes do desconto, os clientes precisarão selecioná-la manualmente.

Quando um cliente finaliza a compra de vários produtos com diferentes perfis de processamento, eles são divididos por perfil na finalização da compra. O cliente deve, então, seleciona uma opção de envio para cada perfil. A finalização da compra é feita apenas uma vez, mas os pedidos são divididos, cada um com um número de acordo com o perfil de processamento. Você deverá processar cada pedido separadamente no painel de pedidos. O cliente receberá vários e-mails de confirmação do pedido.

A página de confirmação do pedido

Após a finalização da compra, aparece uma página de confirmação do pedido. O que essa página inclui depende do produto que o cliente comprou. Se o cliente comprou um produto físico, um produto para download ou um produto de serviço, a página de confirmação mostra o status do pedido, os detalhes e a opção de criar uma conta de cliente. Se o cliente comprou um vale-presente, uma assinatura ou uma adesão, a página mostra o texto Pedido confirmado e o número do pedido. Para ver essas páginas, faça um pedido de teste com um tipo de produto aceito.

Autenticação forte do cliente (SCA)

Clientes com cartão de crédito emitido no Espaço Econômico Europeu talvez passem por uma etapa extra de autenticação na finalização da compra. Pode ser um pop-up do browser ou uma notificação por push de um app bancário, pedindo ao cliente para validar a transação. O processo exato da autorização depende do banco do cliente. Saiba mais em Autenticação forte do cliente (SCA).

Confira o e-mail do pedido

Finalizada a compra, o cliente recebe um e-mail de confirmação do pedido. Se ele comprou um produto para download, o e-mail virá com um link para o download do produto. No caso de um produto físico, o cliente receberá um segundo e-mail quando você processar o pedido. Para ver o status do pedido, ele também pode clicar no link que consta do e-mail de confirmação do pedido.

Esta captura de tela mostra o layout do e-mail de confirmação do pedido, que você pode personalizar no painel de notificações por e-mail ao cliente.

Confira a página de status do pedido

Finalizada a compra de um produto físico, produto para download ou produto de serviço, o clientes acessa a página de status do pedido. Ele também pode clicar em um link no e-mail de confirmação do pedido para retornar a essa página. A página de status do pedido mostra os detalhes do pedido, como o número e o total; e o status do pedido, que pode ser "processamento pendente" ou "processado" (se você já tiver processado o pedido). Se o cliente escolheu uma opção de envio calculado pela transportadora e você adquiriu uma etiqueta de envio USPS pelo Squarespace, os dados do rastreamento também aparecem se o cliente estiver logado na conta.

Se estiver logado na conta de cliente, o cliente também pode conferir as informações de envio e de cobrança. Se o seu site tiver a SSL ativada, o cliente também pode ver os detalhes do pedido; para isso, ele deve informar o endereço de e-mail e o código que consta do e-mail de confirmação do pedido.  Se ele não tiver conta, basta criar uma na página de status do pedido. Se o cliente tiver problemas para criar ou entrar na conta de cliente, o guia Contas de clientes pode ajudar.

A página de status do pedido aparece em branco

Se a página de status do pedido aparecer vazia ou com falhas para aparecer, pode ser devido ao código personalizado que você adicionou ao site. O código personalizado pode interferir no código interno do Squarespace e causar problemas. Para resolver, exclua todo o código personalizado do site, salve-o em um documento de texto e atualize a página. O código personalizado é uma modificação avançada e não é coberto pelo suporte do Squarespace.Para mais ajuda, visite o Squarespace Forum, nosso fórum on-line onde os clientes se ajudam com soluções em codificação.