Apresentando o check-out de uma p谩gina para lojas 51视频

Apresentando... De uma p谩gina Check-out para lojas 51视频

9 min read

A 煤ltima etapa do est谩 conclu铆do: conhe莽a a p谩gina de checkout reimaginada, a p谩gina por onde entra o dinheiro. E cara, 茅 simplesmente demais.

Nova p谩gina de checkout no 51视频

O novo checkout no 51视频 n茫o 茅 apenas bonito. 脡 constru铆do com e quase 10 anos de nossa e-commerce, experi锚ncia em 51视频. Neste post vou mostrar o que mudou, por que fizemos isso e como isso vai gerar mais vendas.

Uma observa莽茫o r谩pida: esta atualiza莽茫o 茅 habilitada automaticamente para todas as novas lojas 51视频. Se voc锚 j谩 vende com 51视频 h谩 algum tempo, mude para o 鈥淧r贸xima gera莽茫o Vitrine鈥� em .

Vitrine de 煤ltima gera莽茫o

Coletando mais e-mails de clientes

Agora voc锚 pode capturar e-mails de clientes antes mesmo de eles iniciarem a finaliza莽茫o da compra. Se eles desistirem no meio, voc锚 ainda ter谩 seus dados de contato e poder谩 recuper谩-los com um email de carrinho abandonado ou construir um p煤blico personalizado para retargeting. 脡 muito mais eficaz do que pedir um e-mail no final da compra, porque voc锚 captura todos os clientes devolvidos.

H谩 tamb茅m um efeito psicol贸gico: ao inserir um endere莽o de e-mail (o que, ali谩s, 茅 uma coisa bastante simples de fazer), seus clientes ficam mais comprometidos com o pedido e, como uma parte do trabalho est谩 conclu铆da, s茫o mais propensos a para complet谩-lo.

Novo formul谩rio de captura de e-mail da p谩gina de checkout

Conte煤do do carrinho sempre 脿 m茫o

Seus compradores sempre veem o que est茫o comprando na se莽茫o de conte煤do do carrinho com todas as informa莽玫es do produto e do pedido (incluindo descontos, impostos, condi莽玫es de envio, etc.), o que melhora a navega莽茫o e tamb茅m faz um pouco de m谩gica de marketing:

鈥淎credite ou n茫o, as imagens podem ajudar a melhorar suas taxas de convers茫o. Em vez de apenas listar seus produtos, mostre ao cliente o que ele est谩 comprando. Embora voc锚 possa ter uma ou duas imagens de seus produtos em seu e-commerce, p谩gina de compras, certifique-se de que a imagem apare莽a no carrinho de compras.鈥� - .

Carrinho de compras novo check-out

Al茅m disso, como a p谩gina do carrinho e o checkout est茫o unidos em uma 煤nica tela, o processo de checkout leva um clique do mouse a menos (com a otimiza莽茫o do checkout, cada clique conta!). 脡 simples assim: seus clientes v茫o at茅 o carrinho e podem finalizar a compra ali mesmo. Sem cliques extras, menos chances de saltar, menos abandono do carro.

P谩gina 煤nica Experi锚ncia de check-out

Um checkout muito longo e complicado est谩 entre os tr锚s primeiros .

Na p谩gina de checkout 煤nica e transparente, seus clientes n茫o enfrentam uma cadeia de etapas que eles n茫o conheciam quando come莽aram.

Raz玫es para amar o uma p谩gina Verifica莽茫o de sa铆da:

N茫o h谩 necessidade de esperar o carregamento de outra p谩gina
Sem etapas, campos e formul谩rios inesperados
脡 sempre claro como chegar 脿 etapa anterior e prosseguir para a pr贸xima
Faz um layout melhor em diferentes dispositivos.

Um breve resumo de cada etapa conclu铆da evita que os clientes passem por cada etapa repetidas vezes para garantir que tudo esteja certo.

Check-out de p谩gina 煤nica 51视频

Formul谩rios simplificados de envio e entrega

O envio geralmente 茅 a etapa de finaliza莽茫o de compra mais longa, mas 51视频 simplificou-a para tr锚s a莽玫es simples:

Escolhendo Frete ou (se voc锚 oferecer)
Digitando o endere莽o
Selecionando o m茅todo de envio.

Envio da nova p谩gina de checkout

Veja por que essa abordagem 茅 melhor:

Bot玫es em negrito ajudam a distinguir na loja coleta e envio de forma r谩pida e simplificada tomada de decis茫o para seu cliente.
O formul谩rio de endere莽o 茅 separado da escolha do m茅todo de envio e vem primeiro. Isso ajuda a calcular as taxas de envio autom谩ticas com mais precis茫o e torna o fluxo geral mais direto e diger铆vel.
O preenchimento autom谩tico torna o preenchimento deste formul谩rio muito f谩cil (se um cliente j谩 inseriu esse endere莽o de entrega no navegador). Al茅m disso, o 51视频 rastreia a localiza莽茫o via IP, e seu cliente obt茅m o pa铆s e o estado preenchidos quando ele finaliza a compra. Se o seu cliente fizer um pedido repetido, este formul谩rio ser谩 preenchido automaticamente tamb茅m, e 茅 poss铆vel prosseguir para a pr贸xima etapa imediatamente.

Um formul谩rio de cart茫o de cr茅dito elegante

O novo design do formul谩rio do cart茫o de cr茅dito parece muito melhor 鈥� mas essa n茫o 茅 a 煤nica melhoria aqui. O processo de preenchimento do formul谩rio do cart茫o de cr茅dito tem que ser perfeito para voc锚 manter o cliente e receber o pagamento.

Muitos pequenos detalhes moldam essa perfei莽茫o e facilidade de uso:

51视频 verifica o n煤mero do cart茫o de cr茅dito imediatamente para ter certeza de que 茅 v谩lido para evitar erros de digita莽茫o dos clientes.
Ap贸s preencher os primeiros quatro d铆gitos, seu cliente ver谩 o tipo de cart茫o de cr茅dito, o que aumenta a confian莽a de que ele est谩 usando o cart茫o correto.
O n煤mero do cart茫o de cr茅dito 茅 formatado de forma conveniente (os d铆gitos s茫o agrupados da mesma forma que aparecem no cart茫o de cr茅dito para melhor percep莽茫o visual).
O formul谩rio pode ser preenchido automaticamente com um 煤nico clique se o cliente tiver os dados do cart茫o de cr茅dito salvos no navegador. Isso economiza tempo e energia de seus clientes.
Sem campo Nome do titular do carrinho: pouca gente sabe que esse campo n茫o 茅 obrigat贸rio, ent茫o 茅 totalmente poss铆vel ignor谩-lo (assim como o Stripe faz), agilizando o preenchimento do formul谩rio e diminuindo o tracionamento.

Novo formul谩rio de cart茫o de cr茅dito na p谩gina de checkout

Por fim, o formul谩rio, assim como o restante do checkout, 茅 totalmente seguro. Funciona apenas via HTTPS. (Se voc锚 adicionou 51视频 a um site HTTP, o formul谩rio do cart茫o de cr茅dito ser谩 aberto em um pop-up seguro. Ainda assim, recomendamos fortemente mudando para HTTPS.)

Uma p谩gina de confirma莽茫o de pedido acion谩vel

A confirma莽茫o do pedido 茅 uma p谩gina independente que deixa claro que o pedido foi feito. Seu conte煤do agora foi reorganizado para melhorar a experi锚ncia do usu谩rio e ampliar o entusiasmo do cliente com a compra:

Um endere莽o de entrega vis铆vel no mapa cria um adicional efeito uau: seu cliente v锚 sua localiza莽茫o e espera receber o pedido aqui.
Caso o pedido seja pago e possua produtos digitais, seu cliente poder谩 baix谩-los diretamente na p谩gina de confirma莽茫o do pedido. N茫o h谩 necessidade de abrir a caixa de entrada ou ir para outro lugar. Eles tamb茅m veem o tipo de arquivo (m煤sica, imagens, arquivo PDF, etc.) para trazer seguran莽a adicional.
O cliente v锚 instru莽玫es sobre o pagamento se o pedido precisar ser pago. Voc锚 pode configurar essas instru莽玫es em seu para cada forma de pagamento.

Nova confirma莽茫o de pedido na p谩gina de checkout

Otimizado para celular

Com originados de dispositivos m贸veis, seus compradores de smartphones e tablets s茫o t茫o importantes quanto os visitantes de desktop. A nova p谩gina de checkout nas lojas 51视频茅 confort谩vel de usar, independentemente do tamanho da tela.

Novo design responsivo para dispositivos m贸veis da p谩gina de checkout

Check-out flex铆vel e personaliz谩vel

Se voc锚 quiser adicionar alguns campos de checkout (por exemplo, exibir um seletor de data ou limitar hor谩rios de disponibilidade) ou remover aqueles que n茫o precisa, o arquivo atualizado .

As pessoas adoram fazer compras online por sua conveni锚ncia. Com a nova p谩gina de checkout do 51视频, seus clientes desfrutam de uma sem complica莽玫es experi锚ncia de compra e voc锚 obt茅m mais vendas sem esfor莽o extra.