Adicione um CAPTCHA a um formulário de assinatura criado na Brevo

Recomendamos o uso de uma confirmação de CAPTCHA em seus formulários para proteger contra atalhes de bots e inscrições de spam, que podem resultar em problemas como dados falsos adicionados às suas listas. Se estiver criando seu formulário de assinatura na Brevo, você poderá escolher entre Google reCAPTCHA ou Cloudflare Turnstile CAPTCHA.

É bom saber

Adicionar um CAPTCHA ao seu formulário de assinatura é uma das várias técnicas e práticas recomendadas disponíveis para proteger seus formulários contra bots e inscrições em spam. Para saber mais sobre as outras técnicas, confira nosso artigo dedicado Proteja seus formulários contra bots e inscrições de spam.

O que é um CAPTCHA?

O CAPTCHA é um recurso de segurança usado em formulários para distinguir entre usuários humanos e bots. Normalmente, ele apresenta um desafio que é fácil para os humanos resolverem, mas difícil para os bots, como identificar texto distorcido, marcar uma caixa, selecionar imagens específicas ou resolver problemas simples de matemática.

Veja um exemplo de como é o site Google reCAPTCHA (v2) com uma caixa de seleção "I'm not a robot" (Não sou um robô):

Exemplo de gif CAPTCHA

Qual é a diferença entre o Google reCAPTCHA e o Cloudflare Turnstile CAPTCHA?

O Google reCAPTCHA e o Cloudflare Turnstile CAPTCHA são ferramentas projetadas para impedir que os bots enviem formulários e interajam com os sites. Veja uma breve comparação entre os dois:

  Google reCAPTCHA Cloudflare Turnstile CAPTCHA
Provedor Google Cloudflare
Integração Amplamente usado na Web. Mais comumente usado entre sites usando serviços Cloudfare para necessidades mais amplas de segurança.
Tipo de verificação Exige que os usuários interajam com uma caixa de seleção ou desafio invisível para confirmar que são humanos. Fornece desafios personalizáveis com base em comportamento de bot detectado.
Facilidade de uso Geralmente fácil de implementar com instruções de configuração simples. Integração simples para sites usando serviços da Cloudfare.
Custo Grátis para a maior parte dos usuários, mas o Google pode coletar dados dos usuários para aprimorar os serviços. Incluído com os planos de serviço do Cloudfare, que variam de preço com base em recursos e uso.
💡 É bom saber

Como prática recomendada, inclua pelo menos um CAPTCHA com uma caixa de seleção, como o Google reCAPTCHA v2 com a caixa de seleção "I'm not a robot", em seu formulário de assinatura.

Etapa 1: Criar seu CAPTCHA

Comece criando seu CAPTCHA preferido:

Criar um Google reCAPTCHA Criar um Cloudflare Turnstile CAPTCHA

Para criar um Google reCAPTCHA:

  1. Acesse https://www.google.com/recaptcha/about/.
  2. Clique em v3 Admin Console no cabeçalho.
  3. Faça login em sua conta do Google ou crie uma nova.
  4. Insira um nome interno para o reCAPTCHA no campo Label (Rótulo).
  5. Selecione o tipo de reCAPTCHA que deseja usar:
    Tipo de reCAPTCHA Interação com o usuário Vantagens Desvantagens
    Baseado em pontuação (v3) Sempre invisível, trabalhando silenciosamente para detectar o comportamento de bots sem a interrupção do usuário. Oferece segurança aprimorada sem interromper a experiência do usuário. Requer uma implementação cuidadosa para interpretar corretamente as pontuações e tomar as medidas adequadas com base nessas pontuações.
    reCAPTCHA (v2) - caixa de seleção "I'm not a robot" Sempre exige que os usuários cliquem em uma caixa de seleção para confirmar que eles são humanos. Simples para usuários e eficaz contra a maioria dos bots. Às vezes pode interromper a experiência do usuário com etapas adicionais de verificação, como desafios baseados em imagens.
    reCAPTCHA (v2) - emblema invisível do reCAPTCHA

    Normalmente, funciona de forma invisível, mas pode provocar um desafio quando for necessário.

    Reduz a interação com o usuário e, ao mesmo tempo, permite a apresentação de desafios quando uma atividade suspeita é detectada.

    Às vezes pode interromper a experiência do usuário com etapas de verificação adicionais se o sistema detectar comportamento possivelmente suspeito.
  6. Preencha o campo Domains (Domínios) com base em como você planeja compartilhar o formulário no seu site:
    • Se quiser compartilhar seu formulário usando Quick Share ou Iframe
       Adicione o domínio sibforms.com. É o domínio que a Brevo usa para hospedar o formulário.
    • Se quiser integrar seu formulário com HTML
      adicione o domínio do site em que o formulário será exibido. Por exemplo, se quiser adicionar o formulário no site https://www.thegreenyoga.com/, insira www.thegreenyoga.com neste campo.
      💡 É bom saber
      Se você não tiver certeza de como compartilhará o formulário, poderá adicionar os dois domínios acima.
  7. Clique em Submit (Enviar).

Seu reCAPTCHA agora está criado. Você verá uma página exibindo a chave do site e a chave secreta. Mantenha essa página aberta, porque você precisará dessas chaves para a Etapa 2 para configurar o reCAPTCHA dentro do seu formulário.

forms_captcha_secret-key_site-key_en-us.jpeg

Etapa 2: Adicionar o CAPTCHA a um formulário de assinatura

Para adicionar o CAPTCHA a uma assinatura criada na Brevo:

  1. Entre em sua conta Brevo.
  2. Acesse Contacts (Contatos) > Forms (Formulários).
  3. Crie um novo formulário de assinatura ou abra um existente.
    ➡️ Para saber mais, confira nosso artigo dedicado Criar um formulário de assinatura na Brevo.
  4. Na etapa Design, arraste e solte o bloco Captcha para o seu formulário de assinatura.
    forms_captcha-block_en-us.jpeg
  5. No menu suspenso Captcha Type (Tipo de Captcha), selecione reCAPTCHA v2, reCAPTCHA v3 ou Cloudflare com base no CAPTCHA que você criou na Etapa 1.
  6. Copie e cole a  chave do site e a chave secreta que foram exibidas depois de concluir a Etapa 1 em seus campos respectivos.
  7. (Opcional) Adicione um Nome de rótulo e Texto da ajuda ao seu CAPTCHA.
  8. Se você cricou um reCAPTCHA v2 com o emblema de reCAPTCHA invisível na Etapa 1, selecione Invisible Captcha (Captcha invisível).

    contacts_forms_recaptcha.png

É isso aí! Você adicionou o CAPTCHA ao seu formulário de assinatura. Agora conclua a configuração do seu formulário de assinatura e compartilhe-o no seu site.

➡️ Para saber mais, confira nosso artigo dedicado Criar um formulário de assinatura na Brevo - Compartilhar seu formulário de assinatura.

Solução de problemas

Aqui estão algumas dicas de soluções de problemas para erros e problemas comuns relacionados a CAPTCHA:

❌ Recebo o erro "Domínio inválido para chave do site"

O domínio em que você tem que entrar no Google ou Cloudfare depende de como você planeja compartilhar o formulário no site:

  • Se quiser compartilhar seu formulário usando Quick Share ou Iframe
    Adicione o domínio sibforms.com. É o domínio que a Brevo usa para hospedar o formulário.
  • Se quiser integrar seu formulário com HTML
    adicione o domínio do site em que o formulário será exibido. Por exemplo, se você quiser adicionar o formulário em http://www.thegreenyoga.com, adicione thegreenyoga.com neste campo.
    💡 É bom saber
    Se você não tiver certeza de como compartilhará o formulário, poderá adicionar os dois domínios acima.
❌ Recebo o erro "Tipo de chave inválido"

Ao adicionar um reCAPTCHA a um formulário, insira a chave do site e a chave secreta específicas para o tipo de reCAPTCHA que você criou.

As chaves de site e as chaves secretas de um tipo são independentes do outro tipo:

  • As chaves da caixa de seleção reCAPTCHA devem ser usadas somente para a caixa de seleção reCAPTCHA e não para o reCAPTCHA invisível.
  • As chaves para o reCAPTCHA invisível somente devem ser usadas para reCAPTCHA invisível e não para a caixa de seleção reCAPTCHA.
❌ Não consigo ver o CAPTCHA no meu formulário

HTML simples não inclui JavaScript

Se você compartilhar seu formulário usando HTML simples, o CAPTCHA não será incluído. HTML simples é uma versão simplificada do HTML do seu formulário que não precisa de JavaScript. No entanto, como o CAPTCHA requer JavaScript, ele não será incluído em formulários compartilhados via Simple HTML.

A mesma chave de site e chave secreta em vários formulários

Não recomendamos usar a mesma chave de site e a mesma chave secreta em vários formulários porque isso pode causar erros e conflitos com os formulários.

⏩ O que vem a seguir?

🤔 Dúvidas?

Em caso de dúvida, sinta-se à vontade para entrar em contato com nossa equipe de suporte, criando um tíquete a partir da sua conta. Caso ainda não tenha uma conta, entre em contato conosco aqui.

Se você está procurando ajuda com um projeto usando o Brevo, podemos encontrar o parceiro especialista certificado em Brevo.

💬 Este artigo foi útil?

Utilizadores que acharam útil: 208 de 323