Os sites de comércio eletrônico ganham dinheiro quando as pessoas clicam no botão de checkout. Seu trabalho como gerente de comércio eletrônico ou profissional de marketing é fazer com que o maior número possível de pessoas clique nesse botão. Todos os seus esforços de marketing on-line apontam para suas chamadas à ação em seu site.

Com tanto peso sendo colocado em um único botão, é importante gastar muito tempo para garantir que seus botões de checkout estejam fazendo seu trabalho e incentivando os visitantes a prosseguir com o processo de checkout.

Então, como você faz isso? A maneira mais eficaz de otimizar seus botões de checkout é escolhendo botões com tamanho, posicionamento e cor adequados. Embora o tamanho e o posicionamento sejam vitais no processo de conversão, alterar a cor dos botões de checkout pode ser um ajuste rápido que afeta drasticamente as taxas de conversão do seu site.

Muitas práticas recomendadas quando se trata de seleção de cores para sites de comércio eletrônico estão enraizadas na ciência. Estudos de psicologia das cores revelam que certas cores propagam sentimentos diferentes nos consumidores . 

Seus botões de call to action e checkout estão pressionando os botões psicológicos certos para seus clientes?

Ou eles estão afastando esses cliques valiosos? Nesta postagem, exploraremos algumas cores comuns para botões de comércio eletrônico e falaremos sobre outras maneiras de melhorar a experiência de compra com apenas algumas mudanças simples de cor.

Psicologia das cores

Vamos explorar a psicologia por trás de algumas cores individuais e explorar como elas podem ser benéficas para (ou podem até já estar beneficiando) sua loja de comércio eletrônico.

Vermelho

O vermelho é uma cor apaixonante e cria um senso de urgência. Um ótimo exemplo dessa cor em uso está na Target.

Sem surpresa, o vermelho é a cor de destaque do site, como evidenciado pela navegação. Ao visualizar seu carrinho, você também verá um botão de checkout vermelho. A urgência está espalhada por todo o site, até o botão de checkout.

Outra razão pela qual você pode querer usar o vermelho é o fato de que ele desperta a fome no consumidor . Pense em algumas das maiores cadeias de alimentos da América: McDonald’s, Burger King, Wendy’s, KFC, Pizza Hut, In-N-Out, Chili’s e Applebees. Todos eles apresentam marcas proeminentes ou pelo menos parcialmente vermelhas.

Na verdade, o logotipo do Chili’s é uma grande pimenta vermelha… o quão óbvio você consegue? Essa também é a abordagem adotada pela Edible Arrangements.

Eles têm vermelho polvilhado como a principal cor de chamada para ação em seu site, na esperança de fazer o cliente desejar seus produtos. Eles já parecem deliciosos, mas adicionar esse senso de urgência pode ajudar a motivar o cliente a fazer uma compra agora.

Amarelo

Como o vermelho, o amarelo chama a atenção.

Mas ao contrário do vermelho, o amarelo oferece aos clientes uma sensação de alegria e calor em vez de urgência . O amarelo é usado pelos sites principalmente por dois motivos: 1. Para aliviar fardos O amarelo é visto como uma cor agradável. Web designers usam amarelo para o botão de checkout para fazer o consumidor se sentir melhor sobre suas compras. Você pode ver isso em ação no site de roupas infantis Crazy8. As mães que estão comprando para seus filhos pequenos são um ótimo mercado para atingir com o amarelo, pois oferece a elas uma sensação de calma e prazer enquanto navegam em seu site. Isso não é algo que eles provavelmente experimentarão em casa! 

2. Contraste Amarelo é uma cor de destaque. É facilmente contrastado com praticamente qualquer outra cor. O site mais popular para usar amarelo no botão de checkout é a Amazon.

O site, que é maioritariamente branco, adiciona um toque de cor aqui e ali, mas é o botão amarelo que mais se destaca! Isso permite que o usuário encontre facilmente a próxima etapa: prossiga para o checkout. O amarelo pode ser uma cor poderosa se usado com moderação.

No entanto, você deve ter cuidado: quando usado em excesso em todo o site, pode afastar os clientes. O amarelo pode ser muito brilhante e avassalador, e às vezes o associamos a ser “cauteloso” (como uma luz amarela em um semáforo). Para usar o amarelo com sucesso, ele deve ser limitado apenas a elementos específicos com chamadas para ação.

É por isso que é mais comum apenas o botão de checkout.

Verde

Vermelho, amarelo e verde. As três cores associadas a um semáforo. Para aqueles designers que não querem usar vermelho para o botão de chamada para ação, eles provavelmente irão optar pelo verde.

Isso ocorre porque eles acreditam que, se um usuário vir vermelho, ele “parará”. Verde é a cor coloquial para ir! Por esse motivo, o verde é usado como botão de checkout de muitos sites. A American Eagle é um desses exemplos, exibindo um botão verde limão tanto para “checkout” quanto para a aplicação de códigos de cupom.

Embora alguns sites prefiram desviar a atenção dos códigos de desconto, a AE opta por torná-los tão visíveis quanto o botão de checkout, o que pode ajudar a criar uma sensação de lealdade ou felicidade do cliente. É uma estratégia bem pensada, embora talvez não seja para todos. O varejista de vitaminas Vitacost também conta com o verde para motivar os clientes a adicionar itens ao carrinho.

Mas, como a AE, eles optam por usar essa cor viva para motivar compras adicionais – procure a opção “comprar os dois juntos” no canto inferior direito. Isso pode motivar os clientes a agrupar produtos e comprar mais do que antes. Como o verde também é visto como uma cor que simboliza a natureza e a saúde, é comumente usado em sites e com marcas que oferecem benefícios à saúde, como varejistas de vitaminas, lojas de produtos naturais e assim por diante.

O verde pode ajudá-lo a se sentir bem ao fazer sua compra, já que você está ajudando a si mesmo ou ao meio ambiente.

Cores e tamanhos contrastantes

Enquanto alguns sites se inclinam para o vermelho e o amarelo para o botão de checkout por conta dos aspectos psicológicos que a cor traz, outros web designers acreditam na arte do contraste para chamar a atenção do consumidor. Um estudo do Journal of Product Innovation Management revelou que os consumidores tendem a ser mais rapidamente atraídos por produtos que se destacam de outras cores próximas. Acontece que o mesmo pode ser dito para os botões de checkout.

Trabalhe com seu esquema de cores existente para criar botões de checkout que se destaquem de outros elementos do seu site. Muitos sites populares usam essa abordagem. A Amazon e o Walmart seguem esse caminho com seus sites.

Por exemplo, o Walmart usa grandes frases de chamariz laranja em seu site. Isso contrasta drasticamente com o esquema de cores azul e branco pelo qual sua marca é conhecida. Quando os varejistas “Big Box” como o Walmart estão fazendo do contraste um grande foco de seu site, é algo que definitivamente está funcionando bem.

Você pode ver essa tática em ação em um grande número de outros sites, incluindo eBay, American Eagle, Kohl’s e assim por diante.

“Teste, teste, 1-2-3”

Você fez as alterações nos botões de adicionar ao carrinho e finalizar a compra, mas não tem certeza se a devolução será o que você está planejando. Como você verifica qual botão o consumidor prefere? Existe alguma maneira de realmente saber se suas mudanças são eficazes?

E quanto à possibilidade de realmente afastar os clientes? 

Graças ao Google e suas infinitas ferramentas, tenho uma resposta para você. As Experiências de conteúdo do Google permitem que você compare o desempenho de diferentes páginas da web usando um grupo aleatório de seus visitantes.

Outro site que oferece um serviço semelhante é o Optimizely. Ao implementar um teste A/B por meio de um desses serviços, você pode testar seus botões originais em relação aos novos para ver como eles funcionam. Você pode continuar testando até ficar satisfeito com os resultados e, então, pode implementar o vencedor. brasilepub.

A menos que você teste várias cores de botões diferentes em seu site, não há como saber qual cor realmente terá o melhor desempenho. Só porque as cores da sua marca são azul e laranja, por exemplo, não significa que uma delas trará o maior número de conversões. Na verdade, pode ser verde!

Ou pode ser laranja, afinal. Outra maneira de maximizar o impacto da cor em seu site é usar várias cores diferentes de botões de checkout e chamadas para ação. Por exemplo, você pode criar várias páginas de destino diferentes para cada segmento de sua lista de e-mail.

Você está forçando uma venda difícil para os clientes existentes? Tente azul ou vermelho. Indo atrás de um grupo demográfico mais jovem?

Talvez verde ou amarelo funcionem melhor para eles. Não tenha medo de experimentar diferentes opções de cores em cada área do seu site. Lembre-se: nada é permanente e você sempre pode testar e fazer alterações na hora.

Então, qual é a melhor cor?

Percebo que não disse exatamente qual cor é a melhor para o seu site de comércio eletrônico. O que eu fiz, no entanto, foi dar a você as ferramentas para descobrir qual é a melhor para o seu site.

Vai dar algum trabalho, mas estou confiante de que você é uma pessoa motivada que deseja fazer uma venda. Como generalização, os sites de comércio eletrônico que vendem alimentos devem ter um botão de checkout vermelho. Roupas infantis ou itens fofinhos ficariam mais seguros com um botão de checkout amarelo.

Esses sites que vendem quase todo o resto devem ser capazes de se destacar com um botão verde ou mesmo azul. 

No entanto, não existe uma resposta perfeita para o seu site. Dependendo da psicografia do seu mercado-alvo , do layout do seu site e das cores da marca, você terá que experimentar várias combinações de cores para encontrar aquela que terá maior conversão para você.

A resposta é diferente para todos! Ao longo de todo o processo de design do seu checkout e outros botões de chamada para ação, lembre-se de que esses são alguns dos itens mais importantes que você terá em seu site de comércio eletrônico! 

Todo o seu site está canalizando as pessoas para clicar nesses botões.

Siga as orientações deste artigo e as sugestões da sua empresa para torná-los o mais cativantes possível. Que cor você usa em seu site de comércio eletrônico? Você já testou outras pessoas para ver que tipo de resultados obtém?

Sinta-se livre para deixar um comentário para que possamos discutir este tópico interessante.