Como mudar o botão Adicionar no WooCommerce para Comprar agora

Mudar o texto do botão Adicionar no WooCommerce para Comprar

Mudar o texto do botão Adicionar no WooCommerce para Comprar é simples. Pode ser feito em poucos minutos mas representar um novo potencial de vendas para a teu site de e-commerce.

O objectivo de uma loja online é vender produtos. É para isso que elas existem. Não deves ter medo ou reservas de convidar as pessoas a comprar.

Afinal, o objectivo de um cliente ao visitar uma loja online é, em última análise, comprar produtos.

Falta é saber se será na tua loja ou noutra.

O texto do botão que existe nas páginas dos teus produtos pode dar uma ajuda.

A Amazon usa dois botões diferentes
A Amazon usa dois botões diferentes

Este botão é geralmente denominado de ‘chamada para a acção’ (do inglês call to action).

É este botão que diz aos clientes do teu site o que fazer a seguir. É uma espécie de seta que mostra o caminho para que um visitante se transforme num cliente.

Em conjugação com uma página de produto perfeita, o botão de chamada para a acção é importante para ajudar os clientes a comprarem os produtos de que necessitam, os teus produtos.

No entanto, é importante dizer que ‘Comprar agora’ não é sempre, e em qualquer circunstância, a melhor chamada para a acção.

O texto do botão deve indicar o passo a seguir pelos visitantes do site

O que pretendes que as pessoas façam no teu site? Qual o passo seguinte?

É esta a pergunta que deves fazer quando escolhes o texto para o botão.

No caso de um site de comércio electrónico há somente um pequeno conjunto de acções a realizar. Pode ser:

  • subscrever a newsletter,
  • registar-se como cliente;

mas a principal é levar o cliente a comprar os produtos que deseja para resolver o seu problema.

Mudar o Adicionar para Comprar agora no WooCommerce

O WooCommerce é a maior plataforma de comércio electrónico do mundo, operando cerca de 30% de todas as lojas online existentes.

Por omissão, o WooCommerce apresenta “Adicionar” (do inglês add to cart) como texto do botão de chamada para acção nas páginas de produto.

Embora não seja uma má opção, uma vez que indica ao cliente que deve adicionar produtos ao carrinho, não é a melhor. É redutora.

Convida os clientes a comprar agora
Convida os clientes a comprar agora

Se o que pretendemos é que as pessoas comprem os produtos, então a melhor forma de chamar para a acção é convidando-as a ‘comprar agora’.

Não apenas ‘comprar’ mas, sim, ‘comprar agora’, incutindo um sentimento de urgência.

Explicadas as razões, vamos à mudança.

Como mudar o texto na página de produto

Acede ao alojamento do teu site WordPress com WooCommerce.

Podes faze-lo usando uma aplicação de FTP ou através do gestor de ficheiros do cPanel ou Plesk.

Vai à pasta ‘wp-content’ e, dentro desta, à pasta ‘themes’. Aqui vai ao tema dependente (child theme) que usas no teu site.

Segue os passos até encontrares o ficheiro no tema dependente, neste caso estamos a usar o Storefront mas podes usar um outro qualquer tema compatível com WooCommerce
Segue os passos até encontrares o ficheiro no tema dependente, neste caso estamos a usar o Storefront mas podes usar um outro qualquer tema compatível com WooCommerce

É importante que uses sempre um tema dependente. Se usares o tema principal, quando houver uma actualização irás perder estas e todas as outras personalizações que fizeres.

De regresso…

Abre o ficheiro functions.php e acrescenta o seguinte código:

// Change 'add to cart' text on single product page

add_filter( 'woocommerce_product_single_add_to_cart_text', 'kaksi_add_to_cart_text' );

function kaksi_add_to_cart_text() {

return __( 'Comprar agora', 'woocommerce' );

}

Guarda o ficheiro e, se necessário, volta a carrega-lo no mesmo local, substituindo-o pelo novo.

Desta forma, em vez do ‘Adicionar’ ou ‘Add to cart’ estás a indicar o caminho com o ‘Comprar agora’.

Se preferires outra formulação, só precisas de mudar o texto ‘Comprar agora’.

Página de produto com o botão com Adicionar
Página de produto com o botão com Adicionar
Página de produto com o botão com Comprar agora
Página de produto com o botão com Comprar agora

Como mudar o texto Ver opções na página de catálogo

Se a tua loja em WooCommerce tem produtos com variações (como tamanho, cor ou outras), os clientes vão ter um botão com o texto ‘Ver opções’ quando se encontram numa página de catálogo ou categoria.

Considerando o que acima dizemos, sobre o texto do botão dever indicar o passo a seguir pelos visitantes do site, ‘Ver opções’ é uma boa escolha.

Esse é, com efeito, o que acontece a seguir, porque antes de clicar em ‘Comprar agora’ o cliente tem de escolher entre as variações disponíveis.

Neste ponto, podes optar por deixar o botão intacto.

No entanto, se preferires modifica-lo também para ‘Comprar agora’ só precisas de acrescentar o seguinte código no mesmo ficheiro functions.php:

// Change 'add to cart' text on archive product page

add_filter( 'woocommerce_product_add_to_cart_text', 'kaksi_archive_add_to_cart_text' );

function kaksi_archive_add_to_cart_text() {

return __( 'Comprar agora', 'woocommerce' );

}

Volta a guardar e a carregar o ficheiro no pasta do tema dependente.

Botão Ver opções na página de catálogo
Botão Ver opções na página de catálogo
Botão com Comprar agora na página de catálogo

Não há um plugin para isso?

Com mais de 50.000 plugins gratuitos disponíveis no directório do WordPress, seria difícil não haver um que possibilite estas alterações.

Há mais que um mas o WooCommerce sugere o WC Custom Add to Cart labels.

Se tiveres alguma dificuldade em seguir as instruções acima recomendamos que uses o plugin indicado.

WC Custom Add to Cart labels
WC Custom Add to Cart labels

No entanto, e uma vez que são passos simples, sugerimos que tentes fazer esta pequena implementação de código. Sempre evitas instalar mais um plugin num site que já deverá ter uns quantos instalados e activados.

Alguma sugestão quanto à cor do botão Comprar agora?

É verdade que a cor do botão pode ter impacto na acção dos clientes. Mas é também verdade que não há respostas definitivas. Se as houvesse todas as lojas online usariam a mesma cor.

É impossível fazer generalizações ou analisar a psicologia e significado das cores para encontrar a melhor.

O impacto da cor sujeita-se a diversos factores, incluindo o género do cliente, a idade, as suas experiências de vida, preferências, comportamentos e mesmo eventos de actualidade.

Além disso, depende ainda do estilo do próprio site.

Há, no entanto, uma certeza: a cor do botão ‘Comprar agora’ (ou outro texto) deve sempre fazer contraste com as cores principais do site. Por exemplo, se o teu site tem predominância de tons de azul, a cor do botão deve ser contrastante. Por exemplo, laranja.

Testa hoje, amanhã e testa sempre

Este é mais um dos aspectos em que a arte e a ciência se misturam.

Não há uma resposta definitiva e permanente sobre qual o tipo de botão, o formato, o estilo, o texto e a cor, que produz melhores resultados.

É fundamental testar e testar sempre, porque o que não funcionou desta vez pode funcionar dentro de alguns meses.

José Freitas

José Freitas

Jornalista de profissão, aficionado do WordPress em projectos pessoais e colaborativos. Cinema, música, tecnologia, fotografia e mais umas coisas. De vez em quando assobia e alguma coisa acontece.

Queres receber as nossas mensagens semanais o teu email?

As nossas mensagens são compostas por pequenos textos escritos a pensar em ti (sim a sério, a pensar em ti).

Não enviamos SPAM porque também não gostamos de o receber.