O que é uma lista de produtos
Antes de vermos porque deves pôr o botão de adicionar ao carrinho na lista de produtos, vejamos o que é uma lista de produtos. É uma página de categoria ou da loja online que mostra vários produtos. Estão dispostos numa grelha ou num layout com imagens em cada categoria, e o cliente percorre-os. É aqui que os botões de call to action mais contam, porque o comprador já está a comparar opções.
Porque o botão de adicionar ao carrinho na lista de produtos aumenta as vendas
Há muitas razões para juntar estes pequenos botões. Eis as dicas que melhor funcionaram nas lojas online com melhores resultados.
Menos cliques, mais conversões
Cada clique conta para quem tem um website. Quando obrigas o utilizador a clicar demasiadas vezes, ele pode desistir. Cada passo extra aumenta o risco de abandono. Quem tem de ir a uma página de produto e depois clicar em Adicionar ao carrinho pode mudar de ideias ou distrair-se antes de chegar ao checkout. É o princípio central desta otimização: menos passos, mais vendas.
Não seria mais fácil deixar os utilizadores juntar os produtos favoritos ao carrinho diretamente a partir da lista, em vez de os obrigar a ir a outra página? O teu objetivo deve ser sempre reduzir o atrito, e este botão é uma forma simples de aproximar os utilizadores do checkout.
As compras por impulso existem e podes tirar partido delas
As compras por impulso são enormes, e o botão Adicionar ao carrinho na lista de produtos é uma das formas mais simples e fortes de aproveitar este comportamento. Pensa num comprador a percorrer os produtos que quer no website. Se gostar de dois produtos, o impulso pode levá-lo a comprar os dois. Mas se tiver de ir a outra página, pode não agir por impulso.
Mais produtos aumentam o AOV
Com botões de Adicionar ao carrinho na lista de produtos, os utilizadores juntam depressa os artigos que lhes interessam sem perderem o fio às escolhas. O cross-selling e o upselling funcionam muito melhor quando os utilizadores juntam artigos ao carrinho sem abrir várias páginas de produto. As páginas de recomendação também são listas de produtos. Quando juntas botões de call to action a recomendações de produtos, os compradores enchem o carrinho sem navegar por páginas separadas.
Navegação mais rápida para clientes ocupados
A atenção dos visitantes do teu website é muito curta. Alguns entram e percorrem a lista de produtos sabendo exatamente o que querem. Botões de Adicionar ao carrinho na lista deixam-nos juntar produtos ao carrinho de imediato, sem passar pela página de produto completa. Para quem precisa de mais informação, as páginas de produto continuam lá.
Boas práticas para o botão de adicionar ao carrinho
Já viste neste artigo que os produtos da lista precisam de botões de adicionar ao carrinho. Eis algumas dicas para o fazer bem.
Não uses jargão: Nem todos os visitantes do teu website têm tempo a perder. Os compradores online têm uma atenção muito curta. A clareza é crucial. Quando desenhas um botão de Adicionar ao carrinho, tem de ser percebido de imediato.
Chama ao botão "ADICIONAR AO CARRINHO": Não inventes nem escrevas coisas como “Torna-os teus”. Isso não chama a atenção do utilizador. A alternativa é usar o ícone
Não juntes demasiadas opções: O percurso do utilizador não acaba no botão de adicionar ao carrinho. Tens de recolher a informação básica antes de juntar o produto ao carrinho. Pode ser o tamanho, a cor ou algo igualmente importante. Não alongues esta lista de opções. Os utilizadores podem não gostar de responder a perguntas que não importam e desistir de juntar o produto ao carrinho.
Não compliques o grafismo do botão: O botão de adicionar ao carrinho tem de ser fácil de reconhecer e de usar. Se o grafismo ou o ícone for demasiado complexo, os utilizadores podem não perceber para que serve ou hesitar em clicar. Um ícone simples garante que o botão continua legível e usável em todos os dispositivos.
Atenção ao tamanho do botão: O botão não deve ser nem grande nem pequeno demais. Botões pequenos são difíceis de encontrar e clicar. Botões grandes podem dominar e dar a ideia de que são mais importantes do que o produto.
Não sobrecarregues a página: Se queres dar aos visitantes uma boa experiência de compra, lembra-te de que menos é mais. Se a lista de produtos estiver cheia de botões, links ou imagens, pode confundir o utilizador e sobrecarregá-lo. Uma página sobrecarregada também faz o botão de adicionar ao carrinho destacar-se menos. Mantém a página simples e o botão claro, para incentivar compras mais rápidas.
Não te esqueças de dar feedback: Quando o utilizador junta o produto ao carrinho com o botão na lista de produtos, mostra uma notificação a dizer que o produto foi adicionado. Sem ela, o utilizador continua a clicar no botão e não percebe o que se passa. Isso pode impedi-lo de ir ao carrinho e concluir o pagamento.
O botão Adicionar ao carrinho é um dos botões de call to action mais importantes da tua loja online, e acertar nele pode fazer toda a diferença nas conversões e na satisfação dos utilizadores. A WEMASY tem modelos que te ajudam a criar uma lista de produtos limpa, intuitiva e eficaz, que facilita as compras aos teus clientes.
Para saber mais sobre como aumentar as vendas da tua loja online, lê o nosso artigo sobre páginas de recomendação de produtos. Também podes ver o nosso guia sobre funcionalidades essenciais de uma loja online. Para perceberes quem são os teus compradores e o que esperam, lê tipos de compradores online.
Perguntas frequentes
O botão de adicionar ao carrinho na lista de produtos funciona para todo o tipo de produtos?
Funciona melhor para produtos que não precisam de personalização detalhada antes da compra. Artigos simples como roupa, acessórios, alimentação e produtos do dia a dia são ideais. Para produtos com várias opções obrigatórias, como tamanho e cor, podes mostrar uma escolha rápida ao lado do botão em vez de mandar o comprador para outra página.
Os botões de carrinho vão tornar a minha lista de produtos mais lenta?
Não, se forem bem implementados. Um botão bem programado quase não pesa na página. É um pequeno elemento HTML com um script leve. O que torna as páginas lentas são imagens pesadas ou código mal otimizado, não o botão. Os modelos da WEMASY são feitos a pensar no desempenho, por isso os botões carregam depressa em todos os dispositivos.
O botão deve mostrar o preço ou só dizer Adicionar ao carrinho?
Mantém o texto do botão simples. "Adicionar ao carrinho" ou um ícone de carrinho chegam. O preço já deve estar visível no cartão do produto, por cima ou ao lado do botão. Pôr o preço dentro do botão torna-o confuso e mais difícil de ler no telemóvel.
Como sei se o botão está mesmo a melhorar as minhas conversões?
Compara a taxa de conversão e o valor médio da encomenda antes e depois de juntares o botão. Acompanha quantos produtos são adicionados ao carrinho a partir da lista de produtos e a partir das páginas de produto. O painel de análise da WEMASY mostra-te estes números, para mediares o impacto diretamente.
De que cor deve ser o botão de adicionar ao carrinho?
Usa uma cor que contraste com o fundo do cartão do produto, para o botão se destacar. Verde, laranja e azul são escolhas comuns porque chamam a atenção sem chocar com a maioria dos designs. O importante é o botão ser visível logo, sem o comprador ter de o procurar.
Também posso pôr o botão nas listas de produtos no telemóvel?
Sim, e deves. Mais de metade das compras online acontece em dispositivos móveis. Garante que o botão é grande o suficiente para tocar com facilidade e não se sobrepõe a outros elementos. Os modelos adaptáveis da WEMASY ajustam automaticamente o tamanho e a posição do botão para telemóvel, tablet e computador.
