Pesquisa

Adicionar um CAPTCHA a um formulário de assinatura criado no 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

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 a caixa de seleção "I'm not a robot" (Não sou um robô):

Exemplo de gif CAPTCHA

❗️ Importante
Recomendamos que você sempre inclua um CAPTCHA em seus formulários, como o Google ReCAPTCHA v3 ou o Google ReCAPTCHA v2 com a caixa de seleção "Eu não sou um robô".

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. A tabela a seguir mostra uma comparação entre os dois para ajudar você a decidir qual usar:

  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.

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. Faça login em sua conta do Google ou crie uma nova.
  2. Acesse o console de administração do reCAPTCHA neste link: https://www.google.com/recaptcha/admin/create.
  3. Insira um nome interno para o reCAPTCHA no campo Label (Rótulo).

  4. 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.

  5. Preencha o campo Domains (Domínios) de acordo com a forma como você planeja compartilhar seu formulário: 

    ❗️ Importante
    Se você não tiver certeza de qual domínio se aplica à sua configuração, adicione ambos sibforms.com e your-website-domain.com. Isso se aplica a todos os métodos de compartilhamento de formulários e evita os erros de CAPTCHA mais comuns.
    Como você planeja compartilhar seu formulário Domínio a adicionar Tipo de formulário
    Link de compartilhamento rápido sibforms.com Formulário de assinatura padrão
    Iframe incorporado sibforms.com Formulário de assinatura padrão
    HTML incorporado your-website-domain.com (por exemplo, thegreenyoga.com) Formulário de assinatura padrão
    Formulário pop-up sibforms.com Formulário pop-up
    Não tem certeza sibforms.com e your-website-domínio.com Todos os tipos

    Para saber mais sobre as diferentes formas de compartilhar um formulário, consulte nossa seção dedicada no artigo Criar um formulário de assinatura na Brevo.

  6. Clique em Submit (Enviar).

Seu reCAPTCHA foi criado. Você verá uma página exibindo a Site Key (Chave do site) e a Secret Key (Chave secreta). Mantenha esta página aberta, pois você vai precisar dessas chaves na 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 ao formulário de assinatura

Para adicionar o CAPTCHA a um formulário de assinatura criado no Brevo:

  1. Entre em sua conta Brevo.
  2. Acesse Marketing > Forms (Formulários).

  3. Crie um novo formulário de assinatura ou abra um já existente.
    ➡️ Para saber mais, consulte nossos artigos dedicados Criar um formulário de assinatura na Brevo e Criar um formulário de assinatura pop-up na Brevo. 

    Formulário de assinatura padrão Formulário pop-up
    1. Na etapa Design, arraste e solte o bloco Captcha para o seu formulário de assinatura.
      forms_captcha-block_en-us.jpeg
    2. 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.
    3. Copie e cole a  Site Key (Chave do site) e a Secret Key (Chave secreta) que foram exibidas após a conclusão da Etapa 1 em seus respectivos campos.
    4. (Opcional) Adicione um Nome de rótulo e Texto da ajuda ao seu CAPTCHA.

    5. 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, consulte nosso artigo dedicado Criar um formulário de assinatura na Brevo - Compartilhar o formulário de assinatura.

Solução de problemas

💡 É bom saber
Se você estiver usando os formulário de assinatura da Brevo via plug-in do WordPress, confira nossa seção dedicada de Solução de problemas no artigo Plug-in da Brevo para WordPress – Conecte seu site WordPress com a Brevo.

Depois de configurar seu formulário, abra-o para verificar se há alguma mensagem de erro. 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 Cloudflare 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. Esse é 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 tem certeza de qual domínio adicionar, pode adicionar os dois: sibforms.com e your-website-domain.com. Esta opção funciona para todos os métodos de compartilhamento de formulário e evita os erros de CAPTCHA mais comuns.
❌ 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.

➡️  Por exemplo
Se você criou um Google v3 reCaptcha na Etapa 1, selecione reCaptcha v3 no menu suspenso Captcha Type (Tipo de Captcha) no editor de formulários durante a Etapa 2.

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 a opção HTML simples para compartilhar meu formulário

Se você incluir um CAPTCHA, não poderá compartilhar o formulário com o HTML simples. 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, não será possível compartilhar seu formulário por meio de HTML simples.

❌ Usei as mesmas Chave do 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 à agência parceira da Brevo certa.

💬 Este artigo foi útil?

496 de 735 acharam isto útil