{"id":90255,"date":"2020-02-04T20:22:28","date_gmt":"2020-02-04T14:52:28","guid":{"rendered":"https:\/\/vwo.com\/blog\/ecommerce-ab-testing\/"},"modified":"2026-01-15T11:23:36","modified_gmt":"2026-01-15T05:53:36","slug":"teste-ab-ecommerce","status":"publish","type":"post","link":"https:\/\/vwo.com\/blog\/br\/teste-ab-ecommerce\/","title":{"rendered":"Teste A\/B no e-commerce: 20 elementos essenciais que voc\u00ea precisa otimizar em 2026"},"content":{"rendered":"\n

Independentemente se voc\u00ea \u00e9 um profissional de marketing experiente ou acabou de abrir sua primeira loja virtual, \u00e9 prov\u00e1vel que consuma conte\u00fado a todo momento para aprimorar os seus conhecimentos.<\/p>\n\n\n\n

A Internet est\u00e1 repleta de publica\u00e7\u00f5es que instruem os leitores a testar um CTA espec\u00edfico ou usar o t\u00edtulo perfeito. No entanto, \u00e9 importante ter em mente que os testes A\/B com melhor desempenho s\u00e3o aqueles que envolvem planejamento e boa execu\u00e7\u00e3o.<\/p>\n\n\n\n

Neste artigo, apresentaremos 20 elementos para os quais voc\u00ea deve realizar testes A\/B na sua loja de e-commerce<\/a> se quiser aumentar as convers\u00f5es.<\/p>\n\n\n\n

Download gr\u00e1tis: Guia de teste A\/B<\/em><\/strong><\/a><\/h2>\n\n\n

Teste A\/B<\/strong><\/h2>\n\n\n

O teste A\/B ou split testing \u00e9 uma metodologia cient\u00edfica usada para chegar a uma conclus\u00e3o ou, pelo menos, \u00e0 melhor op\u00e7\u00e3o poss\u00edvel dentro de determinadas condi\u00e7\u00f5es.<\/p>\n\n\n\n

O teste A\/B de um site costuma consistir na compara\u00e7\u00e3o de duas vers\u00f5es de uma mesma p\u00e1gina. O objetivo \u00e9 observar qual delas desempenha melhor junto aos seus visitantes e gera mais vendas ou convers\u00f5es.<\/p>\n\n\n\n

O conceito \u00e9 similar ao de um experimento de laborat\u00f3rio. Para obter resultados significativos, voc\u00ea precisa seguir o m\u00e9todo cient\u00edfico.<\/p>\n\n\n

\n
\"flow<\/figure>\n<\/div>\n\n

Teste A\/B no e-commerce<\/strong><\/h2>\n\n\n

Talvez voc\u00ea tenha uma empresa de relativo sucesso e esteja gerando uma receita decente com ela.<\/p>\n\n\n\n

Mesmo assim, ainda est\u00e1 desconfiado do seu funil de convers\u00e3o, dos retornos med\u00edocres do investimento em an\u00fancios e do n\u00famero de convers\u00f5es.<\/p>\n\n\n\n

Mas a desconfian\u00e7a sozinha n\u00e3o resolve nada. O que realmente ajuda \u00e9 o teste A\/B!<\/p>\n\n\n\n

S\u00e3o grandes as chances de que, embora voc\u00ea saiba que est\u00e1 fazendo algo errado, n\u00e3o consiga decidir por onde come\u00e7ar os testes no seu e-commerce<\/a>.<\/p>\n\n\n\n

Lembre-se, o teste A\/B n\u00e3o \u00e9 m\u00e1gico!<\/p>\n\n\n\n

\u00c9 como frequentar a academia: \u00e9 necess\u00e1rio ir regularmente e executar os exerc\u00edcios certos para obter resultados. No caso dos testes A\/B, voc\u00ea precisa ser consistente para alcan\u00e7ar o que almeja e otimizar as convers\u00f5es no seu site.<\/p>\n\n\n\n

\u00c9 necess\u00e1rio criar hip\u00f3teses, testar<\/a>, experimentar e repetir!<\/p>\n\n\n

Com o que usar o teste A\/B no e-commerce?<\/strong><\/h2>\n\n\n

O n\u00famero de elementos que podem ser testados \u00e9 infinito, mas listamos 20 ideias de testes que voc\u00ea deveria experimentar para corrigir problemas no seu site de e-commerce:<\/p>\n\n\n

1. Frete gr\u00e1tis<\/strong><\/h3>\n\n\n

Um dos principais segredos do sucesso \u00e9 nunca cobrar frete dos seus clientes. <\/p>\n\n\n\n

Fa\u00e7a um teste para comparar as convers\u00f5es de uma vers\u00e3o do produto com frete gr\u00e1tis e outra sem essa facilidade. Voc\u00ea pode embutir o valor do frete no pre\u00e7o base do produto na variante com frete gr\u00e1tis e manter a vers\u00e3o de controle com o frete pago.<\/p>\n\n\n\n

Outra op\u00e7\u00e3o \u00e9 conduzir um teste estipulando um valor m\u00ednimo em compras para que o cliente tenha direito ao frete gr\u00e1tis e avaliar o que funciona melhor de acordo com os seus objetivos de convers\u00e3o.<\/p>\n\n\n\n

Al\u00e9m disso, n\u00e3o se esque\u00e7a de exibir essas especifica\u00e7\u00f5es em NEGRITO no seu site!<\/p>\n\n\n\n

\"graph

Fonte da imagem: Baymard<\/a><\/figcaption><\/figure>\n\n\n\n

Custos extras no checkout, incluindo taxas de frete, ocupam a primeira coloca\u00e7\u00e3o na lista dos principais respons\u00e1veis pelo abandono de carrinho<\/a><\/p>\n\n\n

2. <\/strong>Imagens em destaque<\/strong><\/a> em vez de carross\u00e9is<\/strong><\/h3>\n\n\n

Dizem que os clientes de hoje sentem o cheiro de um an\u00fancio a quil\u00f4metros de dist\u00e2ncia! O comportamento do usu\u00e1rio comum na Internet faz com que o subconsciente humano ignore qualquer coisa que pare\u00e7a um an\u00fancio<\/a>.<\/p>\n\n\n\n

Embora os carross\u00e9is n\u00e3o sejam pe\u00e7as publicit\u00e1rias, eles lembram an\u00fancios pouco atrativos e acabam frustrando os usu\u00e1rios.<\/p>\n\n\n\n

A melhor alternativa \u00e9 usar uma imagem em destaque de alta resolu\u00e7\u00e3o que seja alinhada ao seu neg\u00f3cio.<\/p>\n\n\n\n

Imagem em destaque, tamb\u00e9m chamada de hero image ou hero header, nada mais \u00e9 do que um termo usado em web design para se referir \u00e0 utiliza\u00e7\u00e3o de imagens em tamanho grande e v\u00eddeos no plano de fundo para transmitir uma mensagem ao usu\u00e1rio. Ela fica posicionada no centro de uma landing page.<\/p>\n\n\n\n

Por exemplo, voc\u00ea pode testar a inser\u00e7\u00e3o de um v\u00eddeo no plano de fundo e compar\u00e1-lo com uma imagem para ver qual op\u00e7\u00e3o apresenta o melhor desempenho.<\/p>\n\n\n

\n
\"screenshot
Fonte da imagem: Justinmind<\/a>
<\/figcaption><\/figure>\n<\/div>\n\n

3. Call-to-action (CTA)<\/strong><\/h3>\n\n

Tamanho:<\/b><\/p>\n

O call-to-action ou CTA \u00e9 um dos elementos mais importantes para gerar convers\u00f5es no seu site de e-commerce<\/span><\/a>.<\/span><\/p>\n

O bot\u00e3o do CTA deve ser evidente, destacado e f\u00e1cil de encontrar, al\u00e9m de ocupar um posicionamento inteligente no seu site.<\/span><\/p>\n

O tamanho ideal para impulsionar as convers\u00f5es desejadas pode ser descoberto a partir de experimentos usando diferentes varia\u00e7\u00f5es.<\/span><\/p>\n

Em algumas situa\u00e7\u00f5es, pode ser necess\u00e1rio inserir dois CTAs na mesma p\u00e1gina. Nesse caso, faz sentido reduzir o tamanho do bot\u00e3o do CTA secund\u00e1rio. Veja um exemplo no site Wufoo.com:<\/span><\/p>\n\n

\n
\"screenshot
Fonte da imagem: Wufoo<\/a>
<\/figcaption><\/figure>\n<\/div>\n\n

Texto<\/b>:<\/span><\/p>\n

Voc\u00ea tamb\u00e9m pode testar o que ficar\u00e1 escrito no bot\u00e3o do CTA. Al\u00e9m de criar descri\u00e7\u00f5es e textos de produtos otimizados para SEO, lembre-se de que o bot\u00e3o do CTA exige a compreens\u00e3o da psique humana. Ele varia de acordo com o objetivo do seu neg\u00f3cio. Exemplos de textos comuns incluem \u201ccompre agora\u201d, \u201cexperimente\u201d, \u201cteste gratuitamente\u201d, entre outros.\u00a0<\/span><\/p>\n

Este \u00e9 o exemplo de uma landing page cujo p\u00fablico-alvo s\u00e3o pessoas que procuram um empr\u00e9stimo.<\/span><\/p>\n\n

\n
\"an
Fonte da imagem: Pagewiz<\/a><\/figcaption><\/figure>\n<\/div>\n\n

A empresa testou a efic\u00e1cia dos bot\u00f5es em duas varia\u00e7\u00f5es. Na primeira, foi usada a palavra \u201cSolicitar\u201d (\u201cApply\u201d), o que implicava na <\/span>hip\u00f3tese<\/span><\/a> de que o pedido poderia ser rejeitado. Na segunda, a palavra \u201cEnviar\u201d (\u201cSubmit\u201d) fez com que o bot\u00e3o parecesse muito mais confi\u00e1vel e acolhedor.<\/span><\/p>\n

Cor:<\/b><\/p>\n

Seu CTA precisa se destacar. Isso \u00e9 indiscut\u00edvel.<\/span><\/p>\n

Mas o apelo visual, a est\u00e9tica e o design do seu site n\u00e3o servir\u00e3o de nada se voc\u00ea n\u00e3o conseguir atingir seus objetivos de neg\u00f3cios.\u00a0<\/span><\/p>\n

N\u00e3o tente combinar o CTA com o tema do seu site ou com a sua cor favorita.<\/span><\/p>\n

Ficou confuso? Bem, existe uma explica\u00e7\u00e3o.<\/span><\/p>\n

Deixe as suas prefer\u00eancias pessoais de lado e fa\u00e7a um teste para descobrir qual cor funciona melhor no seu CTA.<\/span><\/p>\n

Neste exemplo, o bot\u00e3o vermelho foi testado e comparado ao verde.<\/span><\/p>\n\n

\n
\"a
Fonte da imagem: HubSpot<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

A cor verde \u00e9 associada \u00e0 permiss\u00e3o para prosseguir, enquanto a vermelha \u00e9 sin\u00f4nimo de perigo ou interrup\u00e7\u00e3o. A escolha parecia \u00f3bvia, mas os resultados do teste foram surpreendentes.<\/p>\n\n\n\n

A varia\u00e7\u00e3o vermelha do CTA recebeu 21% mais cliques do que a verde<\/a>.<\/p>\n\n\n\n

Posicionamento:<\/strong><\/p>\n\n\n\n

Normalmente, o CTA \u00e9 posicionado acima da dobra<\/a> do site. Mas como j\u00e1 dissemos, n\u00e3o fa\u00e7a suposi\u00e7\u00f5es. Recorra \u00e0s melhores pr\u00e1ticas.<\/p>\n\n\n\n

Um estudo da ContentVerve revelou que mover o CTA abaixo da dobra<\/a> aumentou as convers\u00f5es em 304%<\/p>\n\n\n

\n
\"an
Fonte da imagem: ContentVerve<\/a><\/figcaption><\/figure>\n<\/div>\n\n

Mas observe que esse posicionamento para os bot\u00f5es de CTA faz sentido apenas em landing pages longas. Como a maioria das empresas est\u00e1 fazendo a transi\u00e7\u00e3o para sites otimizados para dispositivos m\u00f3veis, a pr\u00e1tica s\u00f3 se aplicaria \u00e0s vers\u00f5es para desktop.<\/span><\/p>\n

Teste o bot\u00e3o do seu CTA com base no fluxo natural da sua landing page, seja acima da dobra, no meio da p\u00e1gina, \u00e0 esquerda, \u00e0 direita e em todas as posi\u00e7\u00f5es poss\u00edveis.<\/span><\/p>\n

Fa\u00e7a testes comparando duas op\u00e7\u00f5es at\u00e9 encontrar a vencedora.<\/span><\/p>\n\n

4. Fotografias humanas<\/strong><\/h3>\n\n

Para aumentar as suas vendas, voc\u00ea precisa parecer real para os seus clientes.<\/span><\/p>\n

Usar imagens de alta qualidade de seres humanos como um elemento de design do seu site pode transformar o seu neg\u00f3cio de e-commerce. Por exemplo, Jason Thompson realizou um <\/span>teste A\/B para observar se a substitui\u00e7\u00e3o de um \u00edcone de telefone por sua pr\u00f3pria foto faria com que mais pessoas entrassem em contato com ele<\/span><\/a>.<\/span><\/p>\n

A vers\u00e3o de controle e a varia\u00e7\u00e3o ficaram assim:<\/span><\/p>\n\n

\n
\"example
Fonte da imagem: Jason Thompson<\/figcaption><\/figure>\n<\/div>\n\n

Isso n\u00e3o significa que as fotos de humanos s\u00e3o a salva\u00e7\u00e3o para todos os sites.<\/span><\/p>\n

A melhor solu\u00e7\u00e3o para o seu e-commerce \u00e9 realizar testes A\/B para comparar o uso das fotos na varia\u00e7\u00e3o e a vers\u00e3o de controle sem elas.<\/span><\/p>\n\n

5. T\u00edtulo da p\u00e1gina<\/strong><\/h3>\n\n

A <\/span>landing page do seu site de e-commerce<\/span><\/a> estimula os visitantes a realizarem as a\u00e7\u00f5es que voc\u00ea deseja.<\/span><\/p>\n

Baseado nos objetivos de neg\u00f3cios estabelecidos, o texto utilizado nessa p\u00e1gina pode fazer os usu\u00e1rios agirem.<\/span><\/p>\n

Fa\u00e7a um teste A\/B com o t\u00edtulo para descobrir qual \u00e9 a frase mais efetiva para aumentar as <\/span>taxas de convers\u00e3o<\/span><\/a>.<\/span><\/p>\n

Por exemplo, a <\/span>Movexa, uma empresa farmac\u00eautica, aumentou suas vendas em 89%<\/span><\/a> ap\u00f3s adicionar a palavra \u201csuplemento\u201d (\u201csupplement\u201d) ao t\u00edtulo de sua landing page.<\/span><\/p>\n\n

\n
\"a<\/figure>\n<\/div>\n\n

6. P\u00e1gina do produto<\/strong><\/h3>\n\n\n

O design da p\u00e1gina do produto desempenha um papel crucial no seu neg\u00f3cio de e-commerce, pois ele se traduz diretamente em vendas<\/a>.<\/p>\n\n\n\n

Qualquer erro nele pode custar dinheiro. Obviamente, voc\u00ea n\u00e3o quer que isso aconte\u00e7a.<\/p>\n\n\n\n

Use imagens de alta qualidade para fazer os seus produtos parecerem incr\u00edveis nas p\u00e1ginas de categorias! Fa\u00e7a experimentos com a forma como voc\u00ea exibe as imagens dos produtos. Por exemplo, acrescente elementos que remetem a um estilo de vida na p\u00e1gina da categoria do produto em uma vers\u00e3o e exiba apenas a foto isolada do produto com um plano de fundo branco na outra.<\/p>\n\n\n\n

A Zara adota a segunda abordagem. A marca exibe imagens muito grandes nas p\u00e1ginas de categorias de seus produtos.<\/p>\n\n\n\n

\"an
Fonte da imagem: TheGood<\/a><\/figcaption><\/figure>\n\n\n

Voc\u00ea tamb\u00e9m pode fazer uma compara\u00e7\u00e3o entre a vis\u00e3o em mosaico e a vis\u00e3o em lista.<\/span><\/p>\n

Vis\u00e3o em mosaico:<\/span><\/p>\n\n

\n
\"a

Fonte da imagem: Sumo<\/a><\/figcaption><\/figure>\n<\/div>\n\n

Vis\u00e3o em lista:<\/span><\/p>\n\n

\n
\"a

Fonte da imagem: Sumo<\/figcaption><\/figure>\n<\/div>\n\n

Tudo depende do que os seus clientes preferem. Por isso, fa\u00e7a testes at\u00e9 encontrar a vers\u00e3o vencedora!<\/span><\/p>\n\n

7. Tamanho da fonte e altura da linha<\/strong><\/h3>\n\n

Fa\u00e7a experimentos com diferentes tamanhos de fonte e alturas de linha para melhorar a legibilidade do seu conte\u00fado. Se o texto da sua p\u00e1gina inicial estiver desorganizado e pequeno, os clientes n\u00e3o v\u00e3o perder tempo com sua leitura.<\/span><\/p>\n

Por exemplo, a Sonos escolheu um design e um layout minimalistas para seu site, mas isso n\u00e3o prejudicou a experi\u00eancia do usu\u00e1rio.<\/span><\/p>\n\n

\n
\"a
imagem: Sonos<\/a><\/figcaption><\/figure>\n<\/div>\n\n

8. Personaliza\u00e7\u00e3o<\/strong><\/h3>\n\n

Imagine que um usu\u00e1rio saiu da sua p\u00e1gina enquanto ele procurava uma lumin\u00e1ria. Voc\u00ea pode usar os cookies salvos e apresentar a sua nova cole\u00e7\u00e3o de lumin\u00e1rias quando ele acessar novamente a sua p\u00e1gina.<\/span><\/p>\n

Cada aspecto da <\/span>personaliza\u00e7\u00e3o que melhora a experi\u00eancia do usu\u00e1rio pode ajudar a aumentar as convers\u00f5es<\/span><\/a>.<\/span><\/p>\n

Aqui est\u00e1 um exemplo da ASOS, que usa a personaliza\u00e7\u00e3o para fazer recomenda\u00e7\u00f5es baseadas no comportamento de compra de seus clientes:<\/span><\/p>\n\n

\n
\"a

Fonte da imagem: ASOS

<\/figcaption><\/figure>\n<\/div>\n\n

Voc\u00ea precisa testar a sua p\u00e1gina com e sem elementos personalizados para observar como as mudan\u00e7as afetam as convers\u00f5es.<\/span><\/p>\n\n

9. Notifica\u00e7\u00e3o de produtos que voltaram ao estoque<\/strong><\/h3>\n\n

Quando um produto tem uma demanda muito alta e seu estoque acaba, enxergue nele uma oportunidade. Ofere\u00e7a aos visitantes a op\u00e7\u00e3o de receber uma notifica\u00e7\u00e3o quando ele voltar ao estoque, o que significa que voc\u00ea os avisar\u00e1 quando o item que eles pretendiam comprar estiver dispon\u00edvel novamente no seu site.<\/span><\/p>\n

Essa estrat\u00e9gia n\u00e3o s\u00f3 ajudar\u00e1 voc\u00ea a descobrir o endere\u00e7o de e-mail deles, como tamb\u00e9m n\u00e3o permitir\u00e1 que os clientes saiam da p\u00e1gina de m\u00e3os vazias.<\/span><\/p>\n

Por exemplo, a marca de moda indiana Myntra oferece uma op\u00e7\u00e3o para que os visitantes adicionem um produto que est\u00e1 esgotado a uma \u201clista de desejos\u201d para compr\u00e1-lo no futuro.<\/span><\/p>\n

\u00a0<\/span><\/p>\n\n\n

\"screenshot
Fonte da imagem: Myntra<\/a><\/figcaption><\/figure>\n\n\n

Assim que os visitantes adicionam o item \u00e0 lista, eles s\u00e3o redirecionados \u00e0 p\u00e1gina de registro da Myntra, que solicita o endere\u00e7o de e-mail deles:<\/span><\/p>\n\n\n

\"screenshot
Fonte da imagem: Myntra<\/figcaption><\/figure>\n\n\n

Teste o impacto de exibir produtos esgotados na variante da sua p\u00e1gina, comparando-a com a vers\u00e3o de controle que n\u00e3o apresenta nenhuma informa\u00e7\u00e3o aos clientes quando um item est\u00e1 esgotado na sua loja on-line.<\/span><\/p>\n\n

10. Ajude as pessoas em vez de focar apenas na venda<\/strong><\/h3>\n\n

Voc\u00ea n\u00e3o precisa fazer um discurso de vendas diretamente para as pessoas para ganhar dinheiro. Iniciar uma conversa para ajud\u00e1-las pode ser uma abordagem mais eficaz. Assim, elas ficar\u00e3o mais propensas a se tornarem clientes.<\/span><\/p>\n

Por exemplo, a ActiveNetwork decidiu mudar a forma como usava os e-mails para promover seu produto. Em vez de adotar o discurso vendedor de costume, a empresa criou um novo modelo de e-mail com um tom mais acolhedor.<\/span><\/p>\n

Veja a diferen\u00e7a.<\/span><\/p>\n

Vers\u00e3o vendedora:<\/span><\/p>\n\n

\n
\"screenshot

Fonte da imagem: MarketingExperiments<\/a><\/figcaption><\/figure>\n<\/div>\n\n

Vers\u00e3o acolhedora:<\/span><\/p>\n\n

\n
\"screenshot

Fonte da imagem: MarketingExperiments<\/figcaption><\/figure>\n<\/div>\n\n

A segunda op\u00e7\u00e3o aumentou o n\u00famero de leads em incr\u00edveis 349%.<\/span><\/p>\n\n\n

Download gr\u00e1tis: Guia de teste A\/B<\/em><\/strong><\/a><\/h2>\n\n\n

11. Dica de especialista sobre um item<\/strong><\/h3>\n\n

Adicionar um toque cordial \u00e0 experi\u00eancia do cliente \u00e9 um elemento com o qual a maioria das lojas de e-commerce costuma ter problemas. Isso pode ser contornado com a dica de um especialista na p\u00e1gina do produto, que tem um potencial imenso para impulsionar suas vendas.<\/span><\/p>\n

Esse recurso n\u00e3o s\u00f3 cria uma conex\u00e3o emocional genu\u00edna com o seu p\u00fablico-alvo, como tamb\u00e9m garante ao cliente que vale a pena investir no que voc\u00ea tem a oferecer.<\/span><\/p>\n

Por exemplo, no teste A\/B da p\u00e1gina de um produto da Roller Skate Nation, a avalia\u00e7\u00e3o de um especialista aumentou as vendas de patins em 69%.<\/span><\/p>\n\n

\n
\"screenshot
Image Source: Singlegrain<\/a><\/figcaption><\/figure>\n<\/div>\n\n

12. Conte\u00fado promocional<\/strong><\/h3>\n\n

Todo mundo adora um bom desconto. No entanto, voc\u00ea n\u00e3o deve fazer suposi\u00e7\u00f5es e acreditar na teoria de que o conte\u00fado promocional sempre gera convers\u00f5es.<\/span><\/p>\n

Vejamos o caso de estudo do site do jogo SimCity:<\/span><\/p>\n\n

\n
\"screenshot

Fonte da imagem: SimCity<\/figcaption><\/figure>\n<\/div>\n\n

A vers\u00e3o de controle era a landing page original da empresa, que exibia informa\u00e7\u00f5es sobre uma promo\u00e7\u00e3o na parte superior da tela, logo abaixo do menu.<\/span><\/p>\n

Uma beleza, n\u00e3o \u00e9 mesmo?<\/span><\/p>\n

Seria normal presumir que um incentivo como esse seria excelente para aumentar as convers\u00f5es.<\/span><\/p>\n

No entanto, quando o conte\u00fado promocional foi removido da p\u00e1gina inicial, a empresa registrou um aumento de 43% no n\u00famero de checkouts.<\/span><\/p>\n

Essa \u00e9 uma amostra do sucesso dos <\/span>designs de sites simples que geram convers\u00f5es<\/span><\/a>. Na varia\u00e7\u00e3o, os visitantes n\u00e3o ficaram confusos tentando entender o bot\u00e3o do CTA, algo que, ironicamente, aconteceu na vers\u00e3o de controle que apresentava informa\u00e7\u00f5es sobre a promo\u00e7\u00e3o.<\/span><\/p>\n

Portanto, \u00e9 preciso fazer testes para descobrir se vale a pena adicionar conte\u00fado promocional \u00e0 sua loja de e-commerce.<\/span><\/p>\n\n

13. Layout de uma p\u00e1gina ou de m\u00faltiplas p\u00e1ginas<\/strong><\/h3>\n\n

Quando o assunto \u00e9 abandono de carrinho, o processo de checkout em uma s\u00f3 p\u00e1gina ou em m\u00faltiplas p\u00e1ginas pode fazer toda a diferen\u00e7a.<\/span><\/p>\n

Na captura de tela abaixo, observe como o Walmart cria um fluxo de checkout pr\u00e1tico em uma s\u00f3 p\u00e1gina.<\/span><\/p>\n\n

\n
\"screenshot

Fonte da imagem: Designforfounders<\/a><\/figcaption><\/figure>\n<\/div>\n\n

Mas \u00e9 preciso saber qual abordagem \u00e9 considerada mais f\u00e1cil pelos seus clientes. Voc\u00ea deve garantir que eles nunca enfrentem dificuldades ou se sintam perdidos no meio do ciclo de vendas.<\/span><\/p>\n\n

14. Atendimento ao cliente durante a compra<\/strong><\/h3>\n\n\n

A falta de suporte \u00e9 um dos fatores prejudiciais que estimulam o abandono do carrinho de compras.<\/p>\n\n\n\n

Seus visitantes t\u00eam algumas expectativas relacionadas ao conforto e atendimento que recebem.<\/p>\n\n\n\n

Mas como \u00e9 poss\u00edvel oferecer o n\u00edvel de suporte esperado?<\/p>\n\n\n\n

Se voc\u00ea ainda n\u00e3o disponibiliza uma op\u00e7\u00e3o de chat em tempo real, experimente implement\u00e1-la.<\/p>\n\n\n\n

Voc\u00ea pode investir na tecnologia durante um ou dois meses, por exemplo, durante uma campanha de 30 dias de frete gr\u00e1tis, e testar essa variante para compar\u00e1-la \u00e0 vers\u00e3o de controle (sem chat) para mensurar o crescimento nas vendas.<\/p>\n\n\n

15. Menu de navega\u00e7\u00e3o<\/strong><\/h3>\n\n

Manter a simplicidade \u00e9 sempre a melhor aposta, seja em rela\u00e7\u00e3o ao design, layout da p\u00e1gina ou menu de navega\u00e7\u00e3o.<\/span><\/p>\n

Seus visitantes podem ficar frustrados ao se depararem com um menu de navega\u00e7\u00e3o complexo que deveria ajud\u00e1-los a chegar onde desejam.<\/span><\/p>\n

Este \u00e9 o exemplo da Yuppiechef. A empresa removeu o menu de navega\u00e7\u00e3o e testou um novo formato para compar\u00e1-lo \u00e0 vers\u00e3o de controle.<\/span><\/p>\n

\u00a0<\/span><\/p>\n\n

\n
\"screenshot

Fonte da imagem: Yuppiechef<\/figcaption><\/figure>\n<\/div>\n\n

A mudan\u00e7a no design resultou em um aumento de 100% nas convers\u00f5es. Se funcionou para essa empresa, tamb\u00e9m pode funcionar para voc\u00ea.<\/span><\/p>\n\n

16. Vis\u00e3o r\u00e1pida do produto<\/strong><\/h3>\n\n

Para acabar com a dificuldade dos potenciais compradores de encontrar descri\u00e7\u00f5es adicionais dos produtos, voc\u00ea precisa testar o seu site com uma op\u00e7\u00e3o de vis\u00e3o r\u00e1pida.<\/span><\/p>\n

Ela possibilita que os clientes comparem os produtos por meio de uma vis\u00e3o geral, ajudando-os a tomar decis\u00f5es de compra mais r\u00e1pidas.<\/span><\/p>\n

Veja o exemplo a seguir. A p\u00e1gina \u00e0 esquerda n\u00e3o oferece o recurso de vis\u00e3o r\u00e1pida. J\u00e1 na vers\u00e3o \u00e0 direita, os detalhes do produto s\u00e3o exibidos quando o visitante passa o cursor sobre o item desejado.<\/span><\/p>\n\n\n

\"screenshot

Image Source: Baymard<\/figcaption><\/figure>\n\n\n

17. V\u00eddeos dos produtos e v\u00eddeos 360\u00b0<\/strong><\/h3>\n\n

Vivemos na era dos v\u00eddeos. Ele v\u00eam se tornando um elemento que precisa estar presente na p\u00e1gina do seu produto para melhorar a experi\u00eancia do cliente.<\/span><\/p>\n

Por exemplo, a ASOS foi uma das primeiras empresas a aproveitar os v\u00eddeos dos produtos em 360\u00b0. Posteriormente, muitas lojas de e-commerce que vendem itens de vestu\u00e1rio e cal\u00e7ados tamb\u00e9m adotaram o recurso de v\u00eddeo.<\/span><\/p>\n\n\n

\"an

Fonte da imagem: ASOS<\/figcaption><\/figure>\n\n\n

No entanto, como j\u00e1 dissemos, n\u00e3o siga a manada. Antes de tomar uma decis\u00e3o, \u00e9 preciso fazer testes para confirmar o que funciona com o seu p\u00fablico-alvo<\/span><\/p>\n\n

18. Teste de <\/strong>upselling e cross-selling<\/strong><\/a><\/h3>\n\n

Voc\u00ea precisa fazer testes em seu site para comparar vendas de produtos complementares (cross-selling) e vendas de produtos mais caros (upselling). Por exemplo, a Apple \u00e9 especialista em promover o upselling de seus produtos ao permitir que os clientes fa\u00e7am melhorias nos dispositivos antes de finalizar a compra.<\/span><\/p>\n

Teste o que funciona melhor no seu site.<\/span><\/p>\n\n\n

\"an

Fonte da imagem: Apple.com<\/figcaption><\/figure>\n\n\n

19. Tags em imagens de pr\u00e9via<\/strong><\/h3>\n\n

Enfatizar que um item \u00e9 \u201cNovo\u201d ou o \u201cMais vendido\u201d pode aumentar as vendas dele no seu site. Adicione essas frases de destaque aos produtos que est\u00e3o na promo\u00e7\u00e3o.<\/span><\/p>\n

Os visitantes ficam motivados a fazer uma compra quando notam a presen\u00e7a de tags como essas nos produtos de interesse deles.<\/span><\/p>\n

Aqui est\u00e1 um exemplo da Wayfair, que usa v\u00e1rias tags vermelhas e brilhantes em seu site. A empresa aplica essa estrat\u00e9gia para anunciar descontos ou promo\u00e7\u00f5es em itens selecionados.<\/span><\/p>\n\n\n

\"a

Fonte da imagem: Wayfair<\/a><\/figcaption><\/figure>\n\n\n

Esse m\u00e9todo \u00e9 r\u00e1pido e eficiente para aumentar o sucesso da p\u00e1gina do seu produto.<\/span><\/p>\n\n

20. Prova social no conte\u00fado gerado pelo usu\u00e1rio<\/strong><\/h3>\n\n

Na \u00faltima fase do ciclo de vendas, um pouco antes de efetuarem a compra, os clientes buscam algum tipo de valida\u00e7\u00e3o para terem a certeza de que est\u00e3o tomando a decis\u00e3o certa.<\/span><\/p>\n

A melhor forma de lidar com essa etapa \u00e9 disponibilizar depoimentos e avalia\u00e7\u00f5es sobre o produto escritas por outros clientes.<\/span><\/p>\n

Ao mostrar aos seus potenciais compradores como os usu\u00e1rios que adquiriram aquele produto ficaram satisfeitos, voc\u00ea aumenta a motiva\u00e7\u00e3o deles para conclu\u00edrem a compra.<\/span><\/p>\n

Por exemplo, a Tarte utiliza esse recurso nas p\u00e1ginas de seus produtos ao exibir publica\u00e7\u00f5es feitas pelos clientes no Instagram com suas hashtags.<\/span><\/p>\n\n\n

\"an
Fonte da imagem: Tartecosmetics<\/a><\/figcaption><\/figure>\n\n\n\n

O produto \u00e9 promovido gratuitamente pelos clientes, que ficam felizes em exibi-lo nas redes sociais.<\/p>\n\n\n\n

Por exemplo, voc\u00ea pode testar uma vers\u00e3o da p\u00e1gina com avalia\u00e7\u00f5es e compar\u00e1-la com outra variante composta por v\u00eddeos gerados pelos usu\u00e1rios<\/a> para definir qual \u00e9 a vencedora.<\/p>\n\n\n\n

Qual ideia voc\u00ea deve testar primeiro? Assista ao webinar e conhe\u00e7a t\u00e9cnicas e estrat\u00e9gias pr\u00e1ticas para priorizar suas hip\u00f3teses.<\/p>\n\n\n\n

\n