Como adicionar Captcha ao WooCommerce Checkout

Depois de construir uma loja WooCommerce com ShopReady, enfrentamos o maior desafio de proteger o site de spammers. Sim, os spammers podem usar diferentes tecnologias automatizadas para se infiltrar no seu negócio e tentar fazer pedidos fraudulentos. Agora vamos aprender Como adicionar Captcha ao WooCommerce Checkout?

Isso pode trazer danos potenciais ao seu negócio, causando transações enganosas. Portanto, você precisa garantir que o usuário seja um humano real e também impedir que scripts e bots automatizados interfiram na sua página de checkout.

Para resolver isso, você deve adicionar um captcha no checkout em sua loja WooCommerce. Este artigo discutirá por que e como você pode adicionar um captcha para proteger sua empresa de ferramentas e bots de spam.

Você pode fazer isso usando um plugin ou sem um plugin. Abordaremos todos os métodos possíveis que implementamos em nossa loja WooCommerce construída com ShopReady para que você possa usá-los e adicionar Captcha ao seu site. Vamos começar!

Você pode ter construído sua loja WooCommerce com uma ferramenta como ShopReady, mas lutando para garantir sua segurança. Adicionar um captcha no checkout pode ser uma daquelas medidas de segurança que você deve analisar.

O principal motivo para adicionar um captcha ao checkout do WooCommerce é proteger o site de ataques maliciosos automatizados que tentam fazer compras fraudulentas. Impede que ferramentas automatizadas preencham os formulários de vendas, evitando registros falsos e pedidos de convidados. O Captcha pode impedir transações enganosas que poderiam salvá-lo de qualquer perda potencial.

Alguns acham que o captcha pode tornar a interação do usuário um pouco complicada, mas existem maneiras de implementar uma experiência de usuário de baixo atrito que geralmente é conveniente para os clientes. E a única coisa que achará difícil de decifrar o captcha são esses “bots computadorizados”.

Como adicionar o Captcha ao checkout do Woocommerce?

Agora vamos para como adicionamos um captcha à página de checkout da nossa loja ShopReady WooCommerce. Nós tentamos os métodos plugins e sem plugin.

Ao tentar isso, criamos alguns ótimos plugins e trechos de código. Vamos discutir todos esses métodos e ver qual é o certo para você.

Com plug-in

Para permitir que seu cliente prossiga com a compra em sua loja WooCommerce, você pode usar diferentes plugins de verificação de captcha na página de checkout ou em qualquer lugar que desejar no site.

Existem alguns desses plugins disponíveis por aí. No entanto, os 3 principais que tentamos ao construir nossa loja de WC com ShopReady incluem os seguintes:

• reCaptcha para WooCommerce

Este é um plugin premium projetado especificamente para o WooCommerce Spam Protection. Não está disponível como uma versão gratuita, então você terá que pagar primeiro. Usando este plugin, você pode adicionar o Google ReCAPTCHA à página de checkout e outros formulários, incluindo registro, login, formulário de perda de senha, etc.

Ele pode exibir vários captchas em uma página, como se você tivesse o formulário de login e registro na mesma página, você pode habilitar captchas em ambos os formulários.

Você pode ter o reCaptcha v2 e o ReCaptcha V3 usando este plugin. Alguns de seus outros recursos principais incluem detecção automática de idioma do usuário, personalização do reCaptcha, personalização de mensagens de erro e assim por diante.

É fácil instalar simplesmente como qualquer outro plugin WordPress da página Plugins. As configurações fáceis vêm com opções de ativação/desativação para ativar ou desativar o captcha nos locais necessários. Não tivemos nenhum problema em habilitá-lo com a ferramenta ShopReady.

O plugin é construído em altos padrões para impedir registros e pedidos falsos e garantir que nada possa quebrar o site de qualquer maneira.

• CAPTCHA 4WP

Suportado e mantido pela WP White Security, este é um dos melhores plugins de captcha que permitem que humanos reais passem pelos formulários e páginas de checkout do WooCommerce.

Ele protege sua loja de bots, não deixando que eles interfiram em seus pedidos. Além das páginas de checkout, você pode usar este plugin para exibir o captcha em diferentes segmentos, como formulários, comentários, registro, perda/redefinição de senha e assim por diante.

O destaque deste plugin é que você pode usar isso para mostrar vários captchas em uma única página. Ele também suporta estilos de captcha personalizados. Você pode escolher entre v2 (não sou um robô), v2 (invisível) ou v3. Ele detecta automaticamente o idioma dos usuários para mostrar o captcha e as configurações de acordo.

Você pode adicionar captchas em vários formulários por padrão, mas para o Formulário de contato 7, você deve adicionar um código curto . Está disponível nas versões gratuita e premium. Experimentamos a versão premium usando o ShopReady.

Você pode instalá-lo facilmente na página Plugins em sua conta WooCommerce. Procure o CAPTCHA 4WP, instale e ative-o para proteger sua loja de spammers.

• reCaptcha por BestWebSoft

A BestWebSoft traz outra solução captcha eficaz para proteger sua loja WooCommerce. Funciona com quase todos os formulários, incluindo formulários de faturamento de checkout do WooCommerce.

Você pode usar as versões reCaptcha v2, v3 e invisível com este plugin. O cliente deve confirmar que não é um robô antes de prosseguir com as compras.

Ele evita ataques de spam e força bruta usando Limit Attempts. O produto é apoiado por um suporte rápido e amigável.

A instalação é fácil como qualquer outro plugin WP. Você pode baixar, instalar e ativá-lo na página Plugins. Uma vez configurado, você pode acessar as configurações e escolher a página de checkout ou qualquer outro local necessário para habilitá-lo.

O plug-in inclui configurações fáceis com um guia detalhado para configuração rápida. É um plugin multilíngue com recursos prontos para RTL. Você também pode adicionar código personalizado usando as configurações. Ele vem com vários temas captcha também. Em suma, o plugin funcionou bem com a ferramenta de construção ShopReady.

Sem plug-in

Depois de ver o plugin, é hora de descobrir como você pode adicionar um captcha sem um plugin à página de checkout do WooCommerce.

Como o Google oferece o serviço antispam reCaptcha v2 gratuitamente, você pode implementá-lo em seu site sem um plug-in. Tivemos uma experiência bem-sucedida de implementação disso usando o ShopReady. É a API captcha mais popular, e você precisa fazer alguma codificação para adicioná-la ao checkout do WC sem um plug-in.

Mas antes de usar o snippet de código, lembre-se de que você não pode colocá-lo na seção de pagamento do formulário. E você terá que escolher uma ação de acordo para adicioná-la com sucesso.

<?php

/**

* Adicione reCaptcha ao formulário de checkout

* @param $checkout

*/

function doublee_show_me_the_checkout_captcha($checkout) {

echo '<div class=”g-recaptcha” data-sitekey=”YOUR_KEY_HERE”></div>';

}

add_action('woocommerce_checkout_order_review', 'doublee_show_me_the_checkout_captcha', 18);

/**

* Validar reCaptcha

*/

function doublee_process_recaptcha() {

$postdata = $_POST['g-recaptcha-response'];

$verified_recaptcha = file_get_contents('https://www.google.com/recaptcha/api/siteverify?secret=YOUR_KEY_HERE&response='.$postdata);

$resposta = json_decode($verified_recaptcha);

if(!$resposta->sucesso) {

wc_add_notice('Verifique se você não é um robô' ,'error');

}

}

add_action('woocommerce_checkout_process', 'doublee_process_recaptcha');

Tentamos e funcionou bem com nossa loja ShopReady WooCommerce.

Como ativar o Google Recaptcha V2 no Woocommerce Checkout?

Para fazer isso, a melhor maneira é usar o reCaptcha para o plugin WooCommerce, pois ele suporta as versões V2 e V3.

• Primeiro, baixe o arquivo .zip da conta WC.
• Agora vá para Admin > Plugins > Adicionar Novo > Carregar Plugin
• Escolha o arquivo que você baixou
• Instale e ative o reCaptcha
• Após a ativação, vá para wooCommerce > Configurações
• Clique na guia reCaptcha nas configurações
• Escolha a versão do Recaptcha como ReCaptcha V2 (caixa de seleção)
• Definir a chave do site e a chave secreta
• Mantenha outros campos como mensagens de erro como estão
• Salve as configurações
• Na lista de guias para habilitar captchas, escolha o checkout de convidado do WooCommerce e marque a caixa para habilitar o reCaptcha para a página de checkout de convidado.

Para obter a chave do site e a chave secreta, siga as etapas abaixo:

• Faça login na sua conta do Google
• Acesse o Admin Console do Google ReCaptcha (https://www.google.com/recaptcha/admin)
• Clique no botão + no canto superior direito
• Adicione o nome do seu site em Adicionar rótulo.
• Escolha reCaptcha v2.
• Marque a caixa de seleção “Não sou um robô”.
• Adicione o domínio do site
• Aceite o termo de serviço
• Quando terminar, clique em Enviar
• A chave do site e a chave secreta devem aparecer; basta copiá-los e usá-los.

Conclusão

Isso encerra o guia sobre como adicionar captcha ao checkout do WooCommerce. Devemos dizer que todos esses métodos captcha funcionaram muito bem em nosso checkout ShopReady WooCommerce. Portanto, este artigo deve funcionar bem para você também!

Ele discute alguns plugins excelentes que podem efetivamente proteger sua loja WC contra spammers. O reCaptcha para WooCommerce é o destaque aqui que permite configurar o Google reCaptcha V2 ou V3 de maneira fácil e eficaz.

Também discutimos como você pode adicionar a API reCaptcha V2 adicionando alguns códigos no respectivo local. Seja qual for a maneira escolhida no método acima, você pode esperar manter seu site protegido contra pedidos fraudulentos depois de ativar qualquer um deles.

Prática recomendada de segurança do WordPress