Teste A/B no e-commerce: como testar e decidir com dados

Toda loja tem aquela discussão sem fim: o banner com a modelo vende mais ou o banner só com o produto? A vitrine de promoções deve vir antes ou depois dos lançamentos? O sócio acha uma coisa, a pessoa do marketing acha outra, e a decisão acaba ficando com quem fala mais alto. O teste A/B encerra esse tipo de discussão de forma justa: as duas versões vão para o ar ao mesmo tempo, cada uma para uma parte dos visitantes, e quem decide é o comportamento real dos clientes.

Parece simples, e a mecânica é. O difícil é fazer de um jeito que o resultado signifique alguma coisa. Muitos lojistas testam três coisas de uma vez, encerram o teste depois de dois dias ou comemoram uma diferença que é pura coincidência. Aí o teste vira só um achismo com cara de ciência.

Neste guia você vai aprender o processo completo: quando vale a pena testar, como escrever uma boa hipótese, o que escolher como variante, quanto tempo deixar o teste rodando, como ler o resultado sem se enganar e como transformar testes em hábito. No fim, mostro como fazer isso no Hotel das Lojas, que tem teste A/B de blocos no próprio editor visual.

O que é teste A/B e o que ele não é

No teste A/B, você tem uma versão atual, chamada de controle ou versão A, e uma versão alterada, a variante ou versão B. Os visitantes são divididos entre elas no mesmo período, e você compara uma métrica definida antes, como cliques no banner, adição ao carrinho ou pedidos.

O ponto central é o mesmo período. Comparar a loja deste mês com a do mês passado não é teste A/B: muita coisa mudou entre um mês e outro, como clima, salário, anúncios e concorrência. Quando as duas versões rodam juntas, essas variáveis afetam as duas igualmente, e a diferença que sobra tende a vir da mudança que você fez.

Teste A/B também não serve para decidir tudo. Ele responde bem a perguntas do tipo esta versão ou aquela, mas não descobre sozinho o que está errado na loja. Para isso, você precisa observar o comportamento dos clientes, ouvir o atendimento e olhar os números do painel.

Quando vale a pena fazer um teste A/B

Antes de testar, faça três perguntas:

• A página recebe visitas suficientes? Testar um bloco numa página com vinte visitas por semana vai levar meses para dizer algo. Comece pela página inicial e pelas páginas de produto mais visitadas.
• A dúvida é real? Se a versão atual tem um problema óbvio, como texto ilegível no celular, não teste: corrija.
• A decisão importa? Testar o tom de cinza do rodapé não muda nada. Testar a mensagem do banner principal pode mudar bastante.

Se a resposta às três for sim, você tem um bom candidato.

Passo 1: escreva uma hipótese, não um palpite

Hipótese é uma frase que explica o que você vai mudar, o que espera que aconteça e por quê. Use este formato:

Dica de especialista: escreva a hipótese assim: se eu fizer tal mudança, então tal métrica vai melhorar, porque tal motivo observado nos clientes. Se você não consegue completar o porquê, ainda não tem uma hipótese, tem só uma vontade de mudar.

Exemplos de hipóteses bem escritas

• Se eu trocar o banner com várias peças por um banner com uma única peça em destaque, então mais pessoas vão clicar no banner, porque nas gravações de sessão os clientes passam pelo banner atual sem parar.
• Se eu colocar a vitrine de mais vendidos antes da vitrine de lançamentos, então mais visitantes vão adicionar produtos ao carrinho, porque o atendimento recebe muitas perguntas do tipo qual é o mais procurado.
• Se eu incluir a faixa de troca grátis logo abaixo do banner, então menos pessoas vão sair da página inicial sem clicar, porque a dúvida sobre troca aparece com frequência no WhatsApp.

O porquê vem de observação. Ferramentas como o Microsoft Clarity com mapas de calor mostram onde os clientes clicam e onde ignoram, e são uma fonte rica de hipóteses.

Passo 2: escolha a variante e uma única mudança

A variante deve mudar uma coisa só. Se você troca a foto, o texto e a cor do botão do banner ao mesmo tempo e a versão B ganha, você não sabe qual das três mudanças funcionou, e pode até ter uma boa e uma ruim se anulando. Ideias de testes com boa relação entre esforço e aprendizado:

Note que cada teste tem uma métrica principal escolhida antes de começar. Escolher a métrica depois de ver os números é a forma mais comum de se enganar: sempre aparece algum indicador favorável.

Passo 3: defina o tempo de teste antes de começar

O tempo do teste depende de duas coisas: o ciclo da semana e o volume de visitas.

Rode semanas completas

O comportamento de quem compra na segunda à noite é diferente de quem navega no domingo de manhã. Por isso, o teste deve rodar pelo menos uma semana inteira, e de preferência duas, começando e terminando no mesmo dia da semana.

Junte volume suficiente

Com poucas conversões, qualquer diferença pode ser acaso. Uma referência prática para lojas pequenas: espere que cada versão acumule pelo menos algumas centenas de visitas e algumas dezenas de cliques na métrica escolhida antes de olhar com seriedade. Se sua loja não chega lá em duas ou três semanas, teste mudanças mais fortes ou use uma métrica que acontece com mais frequência.

Não espie e encerre no meio

É tentador abrir o resultado no segundo dia, ver a versão B na frente e encerrar o teste. Nos primeiros dias, os números oscilam muito. Defina a data de término e respeite. Evite também rodar o teste durante eventos atípicos, como a semana da Black Friday, a menos que seja justamente isso que você quer testar.

Passo 4: como ler o resultado do teste A/B

Vamos a um exemplo ilustrativo, com números inventados para fins didáticos. Uma loja de suplementos testou dois banners por duas semanas. A versão A, com o pote do produto em fundo neutro, recebeu 1.500 visitas e 90 cliques no banner. A versão B, com uma pessoa treinando segurando o produto, recebeu 1.480 visitas e 133 cliques.

1. Calcule a taxa de cada versão: A teve 90 de 1.500, ou 6%; B teve 133 de 1.480, cerca de 9%.
2. Veja a diferença relativa: B gerou cerca de 50% mais cliques proporcionalmente.
3. Confira o volume: as duas versões têm boas quantidades de visitas e dezenas de cliques; a diferença é grande e consistente ao longo dos dias.
4. Olhe métricas de apoio: os pedidos dos produtos do banner também subiram? Se os cliques aumentaram mas as vendas não, o banner pode estar atraindo curiosos.
5. Decida e registre: a versão B vira a nova versão padrão, e o aprendizado é anotado: no nosso público, foto de uso funciona melhor que foto de produto isolado.

Agora imagine que A teve 6% e B teve 6,3%, com poucos cliques de cada lado. Essa diferença é pequena demais para concluir algo. O resultado honesto é: empate. Empate também ensina: aquela mudança não faz diferença relevante, e você pode testar algo mais ousado.

Para olhar o efeito nas vendas, cruze o período do teste com os números do painel. A tela de faturamento, pedidos e gráficos da loja e os relatórios de vendas por período ajudam a confirmar se a vitória no clique virou vitória no caixa.

Armadilhas que invalidam um teste A/B

• Mudar várias coisas ao mesmo tempo e não saber o que causou o resultado.
• Encerrar cedo porque uma versão saiu na frente nos primeiros dias.
• Trocar a métrica depois de ver os números.
• Rodar anúncios diferentes no meio do teste, trazendo um público novo que distorce a comparação.
• Testar com pouquíssimo tráfego e tirar conclusões de meia dúzia de cliques.
• Ignorar o celular: uma versão pode ganhar no computador e perder no celular. Quando possível, olhe os dois.
• Não registrar o aprendizado e repetir o mesmo teste meses depois.

Transforme testes em rotina com um diário de testes

As lojas que mais aprendem com teste A/B não são as que fazem testes gigantes, mas as que testam com constância e anotam tudo. Crie uma planilha simples com as colunas: data de início e fim, página, hipótese, versão A, versão B, métrica, resultado, decisão e aprendizado. Depois de alguns meses, você terá um retrato do que o seu público valoriza, que serve para decidir banners, fotos e até produtos.

Um ritmo realista para uma loja pequena é um teste por vez, de duas a três semanas cada. Em um ano, são mais de quinze decisões tomadas com evidência em vez de opinião. Para medir com mais detalhes de onde vêm os visitantes de cada período, conecte o Google Analytics 4 à loja, seguindo o tutorial de analytics e scripts.

Como fazer teste A/B no Hotel das Lojas

No Hotel das Lojas, o teste A/B está dentro do editor visual, sem instalar nada e sem programar. Você cria uma variação de um bloco, como um banner ou uma vitrine, e a plataforma divide os visitantes entre as versões para você comparar. O passo a passo está no tutorial de teste A/B e verificação da página.

• Teste A/B de blocos no editor visual, com prévia no celular e no computador de cada versão.
• Verificação antes de publicar, que garante que nenhuma variante vai ao ar com imagem pesada, contraste fraco ou sem texto alternativo.
• Versões e agendamento, para começar e encerrar testes nas datas planejadas e voltar atrás com facilidade.
• Painel com faturamento, pedidos, ticket médio, horários de pico e relatórios, para cruzar o período do teste com as vendas.
• Aplicativos de medição como Google Analytics e Microsoft Clarity, para entender o comportamento por trás dos números.
• Banners e vitrines fáceis de trocar, com o aplicativo de banners rotativos e vitrines.

Os temas também ajudam a começar com uma base sólida. Uma loja de suplementos, como a do exemplo, pode partir do tema Vigor para suplementos e nutrição esportiva e testar a partir dele as fotos e mensagens que mais funcionam com o seu público.

Conclusão: decida com dados, aprenda com cada teste

O teste A/B troca discussões de opinião por evidência. Para funcionar, siga o processo: hipótese baseada em observação, uma mudança por vez, métrica escolhida antes, tempo definido com semanas completas, leitura honesta que aceita empates e registro de cada aprendizado. Com constância, sua loja melhora um pouco a cada mês e você conhece cada vez melhor o seu cliente.

Quer começar a testar? Crie sua loja no Hotel das Lojas com o teste grátis de 7 dias, sem cartão de crédito, monte a página inicial no editor visual e coloque o seu primeiro teste A/B no ar.