Como criar testes A/B no seu WooCommerce

Os testes A/B são a melhor ferramenta para melhorar sua loja WooCommerce. Em poucas palavras, um teste A/B consiste em, com base em uma hipótese de melhoria, propor uma mudança no seu site. Por exemplo, modifique a página inicial para exibir melhor determinadas informações relevantes, altere a descrição, a imagem e os preços dos produtos para ver quais vendem mais ou mude radicalmente o tema para torná-lo mais atraente, etc.

Em seguida, o tráfego deve ser dividido para que metade dos visitantes veja a versão original e a outra metade veja a versão alterada. Dessa forma, você pode analisar se essa mudança funciona melhor do que o que você tinha antes.

Se você tem uma loja WooCommerce, executar testes A/B pode ajudá-lo a melhorar seu site de várias maneiras:

• Melhore a experiência do usuário com base em suas preferências e sabendo quais elementos visuais (imagens, vídeos, designs, fontes, cores, etc.) são mais atraentes para eles.
• Reduza o custo de aquisição de clientes melhorando o conteúdo com títulos, textos e descrições que abordam as dúvidas que seus clientes potenciais possam ter.
• Reduza a taxa de abandono comparando diferentes estilos de aterrissagem, alterando completamente o tema, menus ou qualquer outro elemento.
• Melhore a taxa de conversão aumentando as vendas e as receitas, garantindo que seus produtos sejam atraentes e interessantes para seus visitantes.

Neste post veremos como criar facilmente testes A/B em sua loja WooCommerce.

Processo de otimização da taxa de conversão

Os testes A/B fazem parte de um processo mais ambicioso conhecido como Otimização da Taxa de Conversão ou processo CRO . Vamos ver o que é esse processo e em que consiste.

Toda vez que um visitante chega ao seu site, é uma oportunidade para você fazer uma venda em sua loja, para entrar em contato com você para pedir mais informações sobre um produto ou para se inscrever em sua lista de e-mails para receber ofertas. Quando o visitante realizar qualquer uma dessas ações, teremos alcançado uma “conversão”. Qual é o principal objetivo da sua loja? Para atingir o número máximo de conversões, ou melhor, que a proporção ou taxa de conversão (número de conversões alcançadas em relação ao número de visitas) seja o mais alto possível.

O processo de otimização da taxa de conversão, portanto, consiste nas seguintes etapas:

1. Defina os objetivos do seu e-commerce nas diferentes fases do seu funil de vendas. Por exemplo, aumentar o número de subscritores da mailing list, aumentar as visitas ao detalhe dos produtos, aumentar as vendas, etc.
2. Analise o site, avaliando quais problemas ele pode ter atualmente que atrasam ou impedem que você alcance os objetivos previamente definidos.
3. Gerar hipóteses de melhoria e testar ideias a serem realizadas. Por exemplo, você pode supor que, se alterar a imagem, a descrição e o preço de um produto, ele ficará mais atraente e você obterá mais vendas.
4. Crie e execute testes A/B com as ideias geradas e analise seu impacto. Ou seja, crie uma ou mais variantes do que você tinha até agora, divida o tráfego e observe os dados.

Depois de executar o teste, você verá se uma das variantes foi a vencedora e terá certeza de que o design final que você executará provou ser o melhor, levando a mais conversões. A partir deste ponto, você pode criar mais testes A/B com cada uma das ideias geradas no ponto 2.

Crie seus próprios testes A/B com o Nelio A/B Testing

Como criamos esses testes A/B em nossa loja sem escrever uma única linha de código? Muito fácil se você usar nosso plugin Nelio A/B Testing. Basta clicar em Adicionar Teste e selecionar o tipo de teste que deseja executar em sua loja.

Como você pode ver na imagem acima, você tem uma grande variedade de testes para escolher. Para cada um deles, você terá que:

• nomeie o teste para identificá-lo,
• defina a(s) variante(s) que deseja testar,
• especificar as metas e ações de conversão do teste,
• especificar se deseja segmentar o tráfego que participa do teste,
• execute o teste para coletar dados e
• melhorar o site de acordo com os resultados obtidos.

Teste de resumo do produto WooCommerce

Vamos começar analisando como você define um teste de resumo do produto WooCommerce , certamente o tipo de teste mais relevante e com o qual você pode obter os resultados mais impactantes em sua loja.

Em um teste de resumo do produto WooCommerce, você testa as diferentes combinações de nome de produto, breve descrição, imagem e preço, com a intenção de descobrir qual deles é mais bem-sucedido em gerar compras.

Nomeie o teste e defina as variantes

Criar este tipo de teste é muito simples. Depois de clicar no ícone WooCommerce Product Summary, o editor de teste é aberto para você preencher as informações do teste. Nomeie o teste e selecione o produto que deseja testar usando este componente:

Uma vez selecionado, você verá o resumo do produto selecionado. Por padrão, sua variante B será uma cópia exata do produto selecionado, mas você pode ajustá-la como achar melhor:

Escreva novas cópias nos campos fornecidos ou altere a imagem clicando nela e selecionando uma nova na biblioteca de mídia. Você pode até adicionar mais variantes se quiser!

Especificar metas e ações de conversão

Os testes de resumo do produto WooCommerce têm um objetivo implícito: fazer com que seus visitantes comprem o produto que você está testando. Neste caso, uma conversão é contabilizada sempre que um pedido contendo o referido produto é concluído.

No entanto, você tem a opção de alterar a meta de conversão selecionando qualquer outro status de pedido disponível em sua loja. Para fazer isso, basta clicar na lista suspensa e selecionar o status em que um pedido contendo o produto testado deve estar para que seja contado como uma conversão.

Você também pode marcar ou desmarcar se quiser que o Nelio A/B Testing acompanhe a receita e mostre-a nos resultados do teste.

Tráfego de teste de segmento opcional

Os visitantes da sua loja não são todos iguais. Eles vêm de diferentes países, falam idiomas diferentes, usam navegadores diferentes, acessam o site de diferentes páginas da web, usam dispositivos diferentes e uma série de outras diferenças sutis e importantes.

O Teste A/B do Nelio permite delimitar o público que você deseja que participe de um teste A/B, definindo por meio de regras um conjunto de características comuns que você deseja que participe do seu teste. Aqui você encontrará informações mais detalhadas sobre como criar segmentos em um teste.

Execute o teste e analise os resultados

Quando o teste estiver pronto, tudo o que você precisa fazer é pressionar o botão “Iniciar…”. Com a versão premium você tem a opção de agendar o início do teste em uma determinada data e também pode especificar se deseja que ele termine automaticamente quando alguma condição for atendida (por exemplo, após um determinado período de tempo, ter atingido um determinado número de visitas ou quando foi encontrado um vencedor com um certo nível de confiança).

E é isso! Você não precisa se preocupar com mais nada, pois o Nelio A/B Testing garantirá que o tráfego que chega ao seu site seja dividido adequadamente para que cada visitante veja uma das três variantes disponíveis.

Depois de iniciar o teste, na página de resultados você poderá ver vários gráficos que descrevem seu progresso, a evolução da taxa de conversão de cada alternativa e o grau de melhoria que elas têm em relação à variante original.

Se você marcou para acompanhar o preço, também tem um gráfico que mostra a evolução da receita acumulada.

Melhorar o site de acordo com os resultados obtidos

Se você não especificou que o teste deve terminar quando certas condições forem atendidas, interrompa o teste quando houver um vencedor claro (ou seja, houver pelo menos 90% de confiança) ou quando você sentir que não haverá um. Esta informação está sempre disponível na página de resultados.

Se houver uma variante vencedora e for uma das alternativas, você pode clicar no botão “Aplicar” na página de resultados e o conteúdo do resumo do produto original será substituído pelo conteúdo da variante vencedora.

Dessa forma, de acordo com as preferências de seus visitantes, você terá melhorado o resumo do produto WooCommerce. Agora, na sua loja WooCommerce você pode continuar criando testes para todos os seus produtos ou também pode criar outros tipos de testes que discuto abaixo.

Teste de página

O teste de página permite testar e melhorar o design e o conteúdo de qualquer página do seu site, como a página inicial da sua loja WooCommerce.

Criar um teste de página é semelhante ao teste que vimos acima. Após clicar no ícone da página e dar um nome ao teste para identificá-lo, basta selecionar qual página da sua loja deseja testar no menu suspenso.

Para criar uma ou mais variantes, você pode optar por testar a página original em relação a páginas já existentes (e publicadas) em seu site ou criar uma nova variante especificamente para esse teste. Se você optar pelo último, novas variantes começarão como uma cópia exata da página testada, mas você pode ajustá-las como quiser usando seu construtor de páginas preferido:

Assim, por exemplo, você pode alterar o bloco de capa exibido na página inicial para um bloco de mídia e texto e fazer outras alterações que julgar necessárias para melhorar a página.

Depois de salvar a variante, volte para a edição de teste usando o link na barra lateral. E como no teste anterior, você pode adicionar variantes adicionais.

Quando se trata de especificar metas e ações de conversão, muitas ações de conversão estão disponíveis para você ao realizar um teste de página:

• para visitar uma página, um post ou determinado conteúdo,
• para clicar em um botão ou em qualquer elemento da página,
• para visitar um link externo,
• para enviar um formulário preenchido,
• para adicionar um produto ao carrinho de compras,
• comprar um produto e/ou
• ocorre um evento personalizado.

Nesta página você encontrará mais detalhes sobre como definir as diferentes ações de conversão para cada tipo de teste.

Assim, por exemplo, no nosso caso podemos especificar como meta de conversão o interesse demonstrado pelos visitantes em nossos produtos, e como ações de conversão que eles adicionem produtos ao carrinho de compras e que comprem esses produtos.

A página de resultados de um teste de página é muito semelhante ao exemplo anterior, embora neste caso teremos apenas os gráficos correspondentes à taxa de conversão. E, como antes, você pode aplicar as alterações da variante vencedora ao seu site com um único clique.

Experimente layouts alternativos: menus de teste, modelos, estilos CSS e temas

Antes de fazer mudanças radicais de estilo e design sem saber o impacto que elas terão, crie testes A/B de menus, templates, estilos CSS, ou até mesmo teste diferentes temas e analise o que faz mais sucesso com seus clientes.

O processo de criação de variantes é muito semelhante ao que já vimos. No caso de testar um menu, uma vez que você tenha selecionado o menu que deseja testar, uma cópia do menu original será criada como uma variante para que você possa editá-lo com o editor de menus e fazer as alterações desejadas. Da mesma forma, ao editar variantes de estilo CSS, o editor de estilo CSS será aberto para você adicionar as regras CSS desejadas.

No caso de testes de modelo, você deve ter criado previamente o modelo alternativo e selecioná-lo como variante. E para testar diferentes temas, você deve certificar-se de instalá-los previamente em seu site.

O restante do processo para obter os resultados do seu teste A/B é muito semelhante ao acima, mas fique à vontade para verificar os seguintes links sobre esses tipos de testes para obter mais detalhes:

• Testes A/B de menus
• Testes A/B de modelos
• Testes A/B de estilos CSS
• Testes A/B de temas

Conclusão

Todos os sites, e especialmente as lojas WooCommerce, devem ser continuamente atualizados e aprimorados para aumentar as vendas. O teste A/B é a melhor ferramenta para isso, e o plugin Nelio A/B Testing facilita para você para que o processo seja tão fácil quanto criar qualquer outra página.

O que você está esperando para melhorar sua loja WooCommerce e aumentar as vendas?

Imagem em destaque por Abi Schreider no Unsplash.