Seu produto é incrível, mas a jornada do cliente só termina na conversão. A experiência de Carrinho e Checkout não é um mero formulário – é o ponto de virada onde o interesse se materializa em receita real para o seu negócio!

Pare de perder dinheiro! Otimizar essa etapa crucial é a chave para:

✅ Reduzir drasticamente o Abandono de Carrinho, recuperando vendas perdidas.

📈 Disparar a Taxa de Conversão, transformando mais visitantes em clientes pagantes.

⭐ Construir Confiança e Credibilidade com um processo seguro e transparente.

🫡 Fidelizar Clientes, garantindo que voltem a comprar com você.

💰 Maximizar o Lucro através de oportunidades inteligentes de Upsell e Cross-sell.

O carrinho e o checkout são a reta final da jornada do cliente. Invista na otimização dessa área e garanta o crescimento sustentável: é a forma mais direta e eficaz de transformar meros interessados em clientes fiéis e lucrativos!

Pensando nisso, a Tray está trazendo uma nova experiência de carrinho e checkout para a sua loja virtual. Ao longo deste artigo, você conhecerá todos os detalhes desta novidade!

Pronto para desbloquear o máximo potencial de vendas da sua loja virtual? Vamos lá!

Atenção: Caso tenha customização via GTM em seu checkout, recomendamos realizar os ajustes necessários para a ativação da nova experiência.

Personalizando o layout do checkout e carrinho

Para personalizar o layout, acesse o menu lateral esquerdo do painel administrativo da sua loja virtual em "Configurações" > "Aparência do carrinho".

Em seguida, você poderá editar diferentes elementos do checkout e do carrinho da sua loja, como:

Elementos gerais

Altere a fonte e cores dos elementos gerais do EasyCheckout.

• Cor do texto geral;
• Tipo da fonte;
• Link do texto geral.

A ferramenta de personalização de layout oferece uma pré-visualização da sua loja, como os elementos gerais no exemplo abaixo:

Cabeçalho

Altere o logotipo e cores dos elementos do cabeçalho do EasyCheckout.

• Fundo do cabeçalho;
• Borda abaixo do cabeçalho;
• Texto de segurança;
• Cor do ícone de segurança;
• Ícone de segurança.

• Logotipo da loja para desktop;
• Logotipo da loja para mobile.

A ferramenta de personalização de layout oferece uma pré-visualização da sua loja, como o cabeçalho no exemplo abaixo:

Rodapé

Altere as cores dos elementos do rodapé do EasyCheckout.

• Fundo do rodapé;
• Borda do rodapé;
• Ícone de segurança;
• Texto do rodapé;
• Fundo do bloco de atendimento.

A ferramenta de personalização de layout oferece uma pré-visualização da sua loja, como o rodapé no exemplo abaixo:

Botões

Altere as cores dos botões principal e secundário.

• Fundo do botão principal;
• Borda do botão principal;
• Texto do botão principal;
• Fundo do botão principal ao passar o mouse;
• Borda do botão principal ao passar o mouse;
• Texto do botão principal ao passar o mouse;
• Fundo do botão secundário;
• Borda do botão secundário;
• Texto do botão secundário;
• Fundo do botão secundário ao passar o mouse;
• Borda do botão secundário ao passar o mouse;
• Texto do botão secundário ao passar o mouse.

A ferramenta de personalização de layout oferece uma pré-visualização da sua loja, como os botões no exemplo abaixo:

Etapa atual e caixa selecionada

Etapa atual é o momento em que se está na tela, indicado com a numeração dos blocos no EasyCheckout.

A caixa selecionada é ocorre ao selecionar uma forma de envio ou forma de pagamento, onde o elemento troca a cor para ficar em evidência perante aos outros itens.

• Fundo do círculo do passo atual;
• Fundo do cabeçalho da caixa selecionada;
• Borda da caixa selecionada;
• Título da caixa selecionada e textos destacados;
• Texto da caixa selecionada;
• Texto do círculo do passo atual;
• Fundo da caixa ao passar o mouse;
• Borda da caixa ao passar o mouse;
• Título da caixa ao passar o mouse;
• Texto da caixa ao passar o mouse.

A ferramenta de personalização de layout oferece uma pré-visualização da sua loja, como a etapa atual e caixa selecionada no exemplo abaixo:

Selo de promoções

Altere as cores dos selos das promoções (desconto progressivo) exibidos no carrinho.

• Fundo do selo de promoção;
• Texto do selo de promoção.

A ferramenta de personalização de layout oferece uma pré-visualização da sua loja, como o selo de promoções no exemplo abaixo:

Confira o funcionamento desta tela de personalização:

Etapas do novo checkout e carrinho

Ao adicionar um produto no carrinho, seu cliente pode ser redirecionado(a) à etapa de conclusão de compra, onde passará pelas seguintes etapas:

Meu carrinho

No "Meu carrinho", o produto que está sendo comprado será apresentado, podendo ser acrescentada uma maior quantidade do mesmo ou, até mesmo, sendo excluído.

Além disso, aqui é possível preencher e selecionar as informações de frete, assim como o cliente terá acesso ao resumo do pedido (Subtotal, Frete, Cupom de desconto e Total do pedido).

Ao clicar em "Continuar", ele poderá prosseguir com a compra.

Preenchimento de e-mail ou CPF/CNPJ

Na etapa seguinte, será necessário preencher o e-mail ou CPF/CNPJ para prosseguir com a compra. Também é possível fazer login via Facebook ou Google.

Em seguida, ele(a) deverá clicar em "Continuar".

Checkout

Já no "Checkout", será necessário preencher diferentes dados.

A começar pelas "Informações pessoais", onde muitas informações podem estar previamente preenchidas caso o(a) comprador(a) já possua cadastro em sua loja. Caso contrário, estarão disponíveis para preenchimento os campos de:

• E-mail;
• Nome completo;
• CPF;
• Telefone celular ou fixo;
• Recebimento de e-mails promocionais (validação);
• Cadastro como Pessoa Jurídica (validação + preenchimento de informações).

Em seguida, o quadro de "Endereço de entrega" deverá ser preenchido como:

• CEP;
• Número;
• Complemento (opcional).

Os dados de Rua, Bairro, Cidade, Estado e País são preenchidos automaticamente com o CEP, mas podem ser alterados ao clicar em "Alterar endereço".

Agora, seção de "Formas de envio" também pode ser alterada, uma vez que foi preenchida na etapa de carrinho. Basta verificar as opções disponíveis, selecionar a ideal e clicar em "Salvar".

A seção de "Pagamento" irá apresentar todas as opções de pagamento disponíveis em sua loja virtual. No exemplo abaixo, é possível selecionar entre:

• Cartão de crédito: o cliente deverá informar o número do cartão, a validade, o nome e sobrenome no cartão, o código de segurança e o número de parcelas, além de validar se o endereço de cobrança da fatura do cartão de crédito é igual ao endereço de entrega;
• Boleto: Após a finalização do pedido poderá ser visualizado o boleto bancário. O pagamento poderá ser feito em qualquer agência bancária, pelo celular ou internet banking até a data de vencimento;
• Transferências: serão apresentadas algumas opções de agências bancárias e, após a finalização do pedido, seu cliente será redirecionado para processar o pagamento;
• Pix: Ao finalizar o pedido, seu cliente deverá acessar o aplicativo do banco na opção Pix e escanear ou copiar o código de pagamento.

Por fim, a seção final apresentará os produtos e a quantidade dos mesmos, assim como o valor da compra. O resumo do pedido ainda conta com as seguintes informações:

• Subtotal;
• Valor do frete escolhido;
• Desconto da forma de pagamento;
• Cupom de desconto aplicado (junto a um botão para aplicação de cupom de desconto);
• Valor total do pedido;
• Possibilidade de adicionar observações no pedido;
• Aceite aos termos de serviço.

Com tudo correto, basta clicar em "Finalizar pedido".

A próxima tela apresentará as informações necessárias para a realização do pagamento, onde a compra poderá ser finalizada.

Boas vendas!

Equipe Tray.