Como desenhar um carrinho de compras que converte

Uma experiência de carrinho bem otimizada pode aumentar as taxas de conversão em até 400%, segundo estudos. A maioria dos donos de lojas gasta quase nada nela. O carrinho não é uma sala de espera. É onde os compradores tomam a decisão final, e o design ou…

Rascunho

A taxa global de abandono de carrinhos é de 70%, segundo estudos. No telemóvel sobe para 86%. Isto significa que, em cada 10 pessoas que põem algo no carrinho, sete a nove saem sem comprar. Parte desse abandono é inevitável. As pessoas navegam e guardam para mais tarde. Mas uma parte significativa é causada por atrito, desconfiança e opções de design que podiam ser corrigidas.

Este artigo explica o que uma página de carrinho realmente faz e como desenhar uma que converta. Para saberes o que acontece a seguir no fluxo, vê como desenhar uma página de checkout que reduz o abandono.

O que é realmente a página do carrinho

A maioria das pessoas trata o carrinho como o início do checkout. Não é. O carrinho é o fim da fase de avaliação do produto. Quando um comprador põe algo no carrinho, já tomou uma decisão provisória. Está a confirmá-la, não a tomá-la. A página do carrinho dá-lhe uma última olhada ao que escolheu e ao que vai custar antes de se comprometer a pagar.

Esta distinção importa para o design. O carrinho não é o sítio para aplicar táticas de pressão nem para bombardear os compradores com ofertas novas. É um momento de confirmação. O design deve parecer limpo, fiável e completo. Tudo o que o comprador precisa para se sentir confiante na compra deve estar visível aqui, antes de clicar em "Avançar para o checkout".

Mostra o preço total antes de o checkout começar

Os custos de envio escondidos são a maior razão isolada para os clientes abandonarem carrinhos, segundo estudos. Um comprador que vê um total de $35 no carrinho e depois descobre $12 de envio no checkout sente-se enganado. Muitos saem nesse momento, mesmo que tivessem aceitado o custo de envio se o soubessem logo à partida.

Mostra o total completo da encomenda na página do carrinho: produtos, envio estimado e quaisquer impostos. Se o envio é grátis acima de um limite, mostra isso claramente e indica quão perto o comprador está de o atingir. Se o envio depende da morada, oferece uma estimativa com base na localização do cliente ou mostra um intervalo. A transparência aqui não é só boa ética. É uma alavanca direta de conversão.

Sinais de confiança na página do carrinho

Um comprador que pôs algo no carrinho mas ainda tem dúvidas precisa de reassegurar-se, não de um código de desconto. Os sinais de confiança na página do carrinho tratam diretamente da incerteza. Um selo de segurança perto do resumo do carrinho, um lembrete de uma linha sobre a política de devoluções e uma faixa clara de ícones dos métodos de pagamento reduzem a hesitação no momento em que mais importa.

Não deixes os sinais de confiança só para a página de checkout. Quando um comprador chega ao checkout, já decidiu avançar. O comprador incerto que precisa de segurança muitas vezes abandona na página do carrinho, antes de lá chegar.

O checkout como convidado é inegociável

Obrigar os compradores a criar uma conta antes de comprar é uma das causas de abandono de carrinhos mais bem documentadas. Muitos compradores de primeira vez não querem uma relação com uma loja nova. Querem o produto. Oferece o checkout como convidado como opção destacada e deixa a criação de conta acontecer depois de a compra estar concluída, na página de confirmação.

Se queres a criação de conta, faz com que pareça um benefício, não uma barreira. "Guarda os teus dados para um checkout mais rápido da próxima vez" depois de uma compra concluída converte muito melhor do que "Cria uma conta para continuar" antes de uma.

Lista de desejos e guardar para mais tarde

Nem todos os produtos de um carrinho representam intenção ativa de compra. Alguns clientes põem artigos no carrinho como forma de os guardar para considerar mais tarde. Quando esse comportamento enche o carrinho, distorce as tuas métricas de conversão e cria uma experiência desarrumada para o comprador.

Uma opção "Guardar para mais tarde" ou "Mover para a lista de desejos" na página do carrinho serve dois objetivos. Dá aos curiosos uma forma legítima de pôr produtos de parte sem abandonar totalmente o carrinho. E mantém os artigos de compra ativa visíveis e separados, para que o carrinho reflita intenção genuína. Isto torna a experiência do carrinho mais limpa e os teus dados de conversão mais precisos.

Recomendações de cross-sell: quando e como

Os cross-sells na página do carrinho podem aumentar o valor médio da encomenda quando bem feitos. O momento conta. As recomendações devem aparecer na página do carrinho, antes de o checkout começar. Nunca interrompas o fluxo de checkout com cross-sells. É aí que a conclusão focada importa mais.

Mantém as recomendações de cross-sell relevantes e limitadas. Dois a três produtos complementares chegam. Um comprador que acrescenta uma câmara não precisa de ver 12 acessórios. Precisa de ver os um ou dois acrescentos mais comprados. Apresenta as recomendações como "Muitas vezes comprados em conjunto" em vez de "Também te pode interessar". A primeira sugere prova social. A segunda sugere palpite.

Design do carrinho no telemóvel

O abandono de carrinhos no telemóvel chega aos 86%, 16 pontos percentuais acima do computador. A maioria dos carrinhos ainda é desenhada a pensar primeiro no computador. No telemóvel, alvos pequenos, layouts desarrumados e campos de quantidade difíceis de editar criam um atrito que não existe num ecrã maior.

No telemóvel, faz do seletor de quantidade um alvo de toque grande. Usa um botão fixo "Avançar para o checkout", para estar sempre visível sem deslocar a página. Mantém o resumo do carrinho curto: imagem do produto, nome, preço e quantidade. Empurra os sinais de confiança e os cross-sells para baixo, em vez de interromperem a vista principal do carrinho. O carrinho móvel deve parecer uma confirmação rápida antes de um toque, não uma página que exige leitura cuidada.

Carrinhos persistentes entre sessões e dispositivos

Um comprador que põe produtos no carrinho no telemóvel à hora do almoço deve ver os mesmos produtos quando abre a loja num portátil ao fim do dia. A maioria das lojas não trata bem disto. O carrinho ou repõe-se entre sessões ou só persiste para utilizadores com sessão iniciada. Ambos os casos estragam a experiência da grande parte dos compradores que navegam em vários dispositivos antes de comprar.

Os carrinhos persistentes resolvem isto guardando o estado do carrinho no servidor, em vez de depender de cookies do navegador. Para utilizadores com sessão iniciada, isto acontece automaticamente. Para clientes convidados, um token de sessão guardado no armazenamento local pode levar o carrinho entre dispositivos se for usado o mesmo navegador, embora a persistência completa entre dispositivos exija um início de sessão ou a recuperação da sessão por email. A implementação prática varia consoante o sistema da loja, mas o princípio de design é o mesmo: nunca percas em silêncio o carrinho de um comprador. Se o carrinho tiver mesmo de se repor, diz ao cliente porquê e dá-lhe forma de o reconstruir depressa.

Os carrinhos persistentes também apoiam a recuperação por email. Quando um comprador acrescenta produtos, sai e abandona, um carrinho guardado dá-te os dados para enviar um email de recuperação com os produtos exatos que ficaram para trás. É uma das automatizações de email com maior conversão no e-commerce. Só funciona quando o carrinho é guardado. Para saberes mais sobre o lado físico de fazer sair as encomendas, vê como configurar os envios da tua loja online.

O que mata uma página de carrinho

Vários erros de design reduzem a conversão do carrinho e vale a pena nomeá-los diretamente. Mostrar o custo de envio pela primeira vez no checkout, e não na página do carrinho, é o maior. Pôr um campo de código promocional bem à vista leva os compradores que não têm código a ir procurar um. Muitos não voltam. O carregamento lento da página do carrinho é desproporcionadamente prejudicial; os compradores já deram atenção suficiente para chegar até aqui, e uma página lenta quebra esse ritmo. Retirar a possibilidade de editar a quantidade ou apagar artigos sem sair da página acrescenta atrito no pior momento.

A página do carrinho é a última paragem antes de um comprador se tornar cliente. Trata cada elemento dela como uma decisão de conversão, não como um requisito técnico.

Como a WEMASY apoia a conversão do carrinho

O sistema de e-commerce da WEMASY inclui uma página de carrinho com sessões persistentes, apresentação transparente de preços, checkout como convidado e colocação de cross-sells antes de o checkout começar. A colocação dos sinais de confiança e o layout móvel vêm resolvidos de origem, para o teu carrinho funcionar em qualquer dispositivo sem desenvolvimento à medida.

Vê os preços da WEMASY para encontrar um plano que sirva a tua loja.

Perguntas frequentes

Qual é a taxa média de abandono de carrinhos?

A média global ronda os 70%, segundo estudos. No telemóvel está mais perto dos 86%. Parte do abandono é inevitável. As pessoas navegam e guardam para mais tarde. Mas uma grande parte é causada por atrito e problemas de design que se podem corrigir, incluindo custos escondidos, criação de conta obrigatória e páginas lentas. Com o criador de websites da WEMASY, podes configurar isto diretamente na tua loja.

Porque é que os clientes abandonam os carrinhos?

Os motivos mais comuns são custos de envio escondidos revelados no checkout, ser obrigado a criar uma conta, um processo de checkout demasiado complexo e carregamento lento das páginas. A página do carrinho é onde muitos destes problemas se tornam visíveis pela primeira vez ao cliente, e por isso o design do carrinho afeta diretamente as taxas de abandono.

Devo oferecer checkout como convidado?

Sim. Obrigar a criar conta antes de uma primeira compra é um dos fatores de abandono mais claros. Deixa os compradores concluir a encomenda como convidados e oferece a criação de conta na página de confirmação como um benefício opcional. Apresentá-la como um checkout futuro mais rápido converte melhor do que apresentá-la como um requisito.

Onde devo mostrar recomendações de cross-sell?

Na página do carrinho, antes de o checkout começar. Nunca interrompas o fluxo de checkout com cross-sells. Na página do carrinho, mostra dois a três produtos muito relevantes, apresentados como "Muitas vezes comprados em conjunto". Mantém as recomendações abaixo do resumo do carrinho e do botão de checkout, para não interromperem a ação principal.

O que é um carrinho persistente?

Um carrinho persistente guarda o conteúdo do carrinho do cliente entre sessões, para que os produtos continuem lá quando ele voltar mais tarde. Para utilizadores com sessão iniciada, funciona automaticamente com armazenamento no servidor. Para clientes convidados, o armazenamento local pode manter o carrinho no mesmo navegador. Os carrinhos persistentes também permitem emails de recuperação de carrinhos abandonados, que estão entre as automatizações de email com maior conversão no e-commerce.

Como desenho uma página de carrinho para telemóvel?

Usa alvos de toque grandes para os seletores de quantidade e os botões de apagar. Acrescenta um botão de checkout fixo, para estar sempre à vista. Mantém o resumo do carrinho mínimo: imagem do produto, nome, preço e quantidade. Mostra o total completo da encomenda, com o envio, antes do botão de checkout. Empurra os sinais de confiança e os cross-sells para baixo, para não bloquearem a ação principal.

Põe isto em prática
no teu próprio site.

Começa grátis com a WEMASY e cria o teu site em poucos minutos.