Como editar campos de código de cupom WooCommerce

Os códigos de desconto e cupom são uma ótima maneira de aumentar as taxas de conversão e impulsionar as vendas para sua loja. Mas além de dar descontos aos seus usuários, há muito mais que você pode fazer para aproveitá-los ao máximo. Neste guia, mostraremos como editar campos de código de cupom WooCommerce usando diferentes métodos amigáveis ​​para iniciantes.

Por que editar o campo de código de cupom no WooCommerce?

Se usados ​​de forma inteligente, os cupons podem ser uma excelente maneira de aumentar suas vendas e manter seus clientes engajados. Ao dar descontos aos seus compradores, você mostra a eles que os valoriza e os incentiva a comprar de você. No entanto, oferecer muitos descontos pode ter o efeito oposto e afetar a imagem da sua marca. Às vezes, você pode querer tornar seus cupons visíveis para capitalizar uma promoção especial, enquanto pode remover o campo de cupom se não tiver nenhum cupom ativo.

É por isso que é importante ter flexibilidade quando se trata de cupons. Ser capaz de editar os campos de código de cupom no WooCommerce lhe dará a flexibilidade necessária para aproveitá-los ao máximo .

Como editar o código do cupom WooCommerce

Neste guia, mostraremos diferentes maneiras de personalizar códigos de cupom no WooCommerce . Desde remover e ocultar os campos do código do cupom até alterar a mensagem e muito mais. A melhor parte é que você não precisará de plugins ou ferramentas adicionais. Algumas mudanças envolvem um pouco de codificação, mas não se preocupe. São coisas muito simples que até um iniciante pode fazer sem problemas.

Vamos supor que você saiba como criar cupons no WooCommerce. Se você precisar de mais informações sobre isso, confira nosso guia que explica como criar e configurar cupons WooCommerce passo a passo.

1) Como remover o campo de código do cupom

Se você não tiver nenhum cupom ativo, poderá remover completamente o campo do código do cupom . Dessa forma, você não deixará seus compradores usarem cupons e evitará a caça a cupons . É quando os usuários pesquisam códigos de cupom para sua loja na internet. Infelizmente, a caça a cupons é uma prática muito comum e pode afetar muito suas conversões porque os compradores tendem a sair da página de checkout e dos códigos de desconto do Google.

Portanto, a maneira mais fácil de remover o formulário de cupom da sua página de checkout é usar o painel de administração do WordPress.

Primeiro, no seu painel do WordPress , vá para WooCommerce > Configurações > Geral. Role para baixo até a seção Opções gerais e desmarque a opção "Ativar o uso de códigos de cupom" em Ativar cupons . Em seguida, salve as alterações e pronto!

Da mesma forma, se você usar plugins como Direct Checkout ou Checkout Manager , poderá remover facilmente o formulário de cupom da opção Remover formulário de cupom de checkout .

Agora, se você verificar o frontend do seu site, verá que o campo de cupom não está lá.

No entanto, os cupons podem ajudá-lo a aumentar suas taxas de conversão e aumentar suas vendas, portanto, não recomendamos remover completamente o campo de cupom permanentemente. Uma alternativa útil é ocultar o código do cupom no checkout. Vamos ver como fazê-lo.

2) Como ocultar o campo do código do cupom

Se você estiver executando uma campanha em que oferece automaticamente um desconto aos clientes quando eles vêm de um link ou URL específico, por exemplo, talvez você queira ocultar o código do cupom para que eles não possam compartilhá-lo com outros usuários. Isso envolve um pouco de codificação, mas mesmo um iniciante pode fazê-lo.

Para substituir o campo código do cupom por uma mensagem informando ao usuário que o cupom já foi aplicado, basta copiar e colar o seguinte código no arquivo functions.php do seu tema filho. Se você não tem um tema filho, você pode conferir este post para criar um ou usar um desses plugins.

 add_filter('woocommerce_cart_totals_coupon_label', 'quadlayers_hide_coupon_code', 99, 2 );

 function quadlayers_hide_coupon_code($label, $coupon) {

 return 'Seu cupom foi aplicado automaticamente!';

 }

3) Como editar a mensagem do código de cupom WooCommerce

Outra maneira de editar o código do cupom WooCommerce é alterar o padrão Tem um cupom? Clique aqui para inserir sua mensagem de código .

Digamos que queremos editar a mensagem do cupom e alterá-la para algo como “ Insira seu código promocional aqui e ganhe um desconto”. Simplesmente copie e cole o seguinte código no arquivo functions.php do seu tema filho:

 add_filter( 'woocommerce_checkout_coupon_message', 'quadlayers_edit_coupon_message');
function quadlayers_edit_coupon_message() {
  return 'Insira seu código promocional aqui e ganhe um desconto';
}

Como você pode imaginar, há muitas outras coisas que você pode fazer para personalizar a mensagem padrão, como adicionar ícones, alterar a fonte, as cores e muitas outras. Assim, você pode pegar o código acima como base e editá-lo para obter exatamente a mensagem que deseja.

4) Como exibir o formulário para inserir o código do cupom por padrão

A mensagem padrão para aplicar um código de cupom no WooCommerce não é muito perceptível e é fácil perder.

No entanto, o formulário que se abre quando você clica na mensagem é muito mais proeminente e visível.

Portanto, quando você estiver executando campanhas nas quais oferece descontos a seus clientes, convém exibir o formulário de cupom por padrão para torná-lo mais visível e aumentar suas conversões. Para fazer isso, você pode substituir o modelo checkout/form-coupon.php em seu tema filho. Simplesmente remova style=display:none da seguinte linha de código:

 <form class="checkout_coupon" method="post">

OBSERVAÇÃO : Antes de fazer essa alteração, recomendamos que você crie um backup completo do seu site e confira esta documentação para certificar-se de substituir o modelo corretamente.

Bônus: Como aplicar cupons automaticamente no WooCommerce

Você gostaria de poder aplicar cupons automaticamente usando URLs de cupom? Dessa forma, você pode adicionar o desconto diretamente a um link e aplicar automaticamente o desconto aos pedidos de seus compradores. Esta é uma ótima opção para aumentar suas vendas durante a Black Friday, Natal ou quando você oferece vendas relâmpago.

Para isso existem duas opções:

Aplicar cupom programaticamente

Se você tiver habilidades de codificação, poderá aplicar cupons de forma programática. Você pode personalizar o arquivo functions.php e aplicar cupons a todos os produtos, itens com IDs específicos, dependendo do valor do carrinho ou da quantidade de produtos que o usuário tem no carrinho, e assim por diante. Para mais informações sobre isso, você pode dar uma olhada neste guia.

Alternativamente, se você quiser aprender a aplicar cupons automaticamente, você pode dar uma olhada neste tutorial com vários exemplos.

Aplique cupons com plugins

Se você não sabe codificar, pode aplicar cupons automaticamente usando plugins. Recomendamos o uso de cupons avançados para WooCommerce. É um plugin gratuito que é muito fácil de usar e permite adicionar facilmente cupons aos URLs. Para saber mais sobre como aplicar cupons com este plugin, confira a seção de bônus deste tutorial.

Conclusão

Em suma, editar os campos de código de cupom WooCommerce lhe dará muita flexibilidade para aproveitar ao máximo os descontos em sua loja online. Neste guia, abordamos:

• Como remover completamente o campo de código de desconto do checkout do painel do WordPress e com plugins
• Oculte o campo do código do cupom. Muito útil quando você está aplicando descontos automaticamente e não quer que os usuários vejam o código de desconto
• Como editar a mensagem do código do cupom para personalizar ainda mais seu checkout
• Como tornar o campo de desconto mais visível e exibir o formulário para inserir o código do cupom por padrão.

Todas essas opções são amigáveis ​​para iniciantes e não requerem plugins ou ferramentas adicionais. No entanto, se você quiser levar sua loja para o próximo nível, recomendamos que você dê uma olhada em alguns dos seguintes posts:

• Otimize o checkout do WooCommerce: o guia definitivo
• Como personalizar a página de checkout no WooCommerce
• Guia para remover campos de checkout do WooCommerce