Como adicionar o Cloudflare Turnstile aos formulários do WordPress [Alternativa CAPTCHA]

Deseja adicionar mais segurança aos seus formulários do WordPress? Com a introdução do Cloudflare Turnstile no WPForms, os formulários do WordPress estão mais seguros.

Nesta postagem, mostraremos como é rápido e fácil configurar o Cloudflare Turnstile em seu site WordPress.

Corrija seus e-mails do WordPress agora

O que é o Cloudflare Turnstile?

O Turnstile da Cloudflare é uma alternativa ao CAPTCHA que elimina a necessidade de os usuários identificarem imagens, como fazem ferramentas como o hCaptcha e o Google reCAPTCHA.

Ele mantém seus formulários livres de spam, alternando discretamente os desafios do navegador e executando desafios JavaScript não interativos.

Muitos argumentam que isso melhora a experiência do usuário, pois ele não é retardado pela identificação de imagens em CAPTCHAs.

Você não precisa ser um cliente da Cloudflare para usar esse serviço. Qualquer proprietário de site pode se registrar gratuitamente.

Como adicionar o Cloudflare Turnstile aos formulários do WordPress

Agora que você sabe um pouco sobre essa alternativa CAPTCHA, vamos ver como configurar o Cloudflare Turnstile para proteger os formulários em seu site WordPress.

Etapa 1: Faça o download e instale o WPForms

A página inicial do WPForms

Para este tutorial, você precisará ter o WPForms instalado em seu site WordPress.

Se precisar de ajuda com essa etapa, consulte este guia passo a passo para instalar um plug-in do WordPress.

Etapa 2: Criar e configurar uma conta da Cloudflare

O site da Cloudflare

Depois de ativar o WPForms em seu site, abra uma nova guia ou janela e acesse o site da Cloudflare.

No site da Cloudflare, você deve se inscrever em uma conta ou fazer login em uma conta existente, se já a tiver. Observe que é gratuito ter uma conta na Cloudflare.

Quando estiver conectado e visualizando seu painel da Cloudflare, selecione a opção Turnstile no menu da barra lateral direita e clique em Add site (Adicionar site).

Adicionar um site ao Cloudflare Turnstile

Em seguida, insira um nome de site. Isso é apenas para uso interno.

Inserção de um nome de site no Cloudflare Turnstile

Depois disso, você digitará o URL do seu site no campo Domain (Domínio ).

Adição de um domínio de site ao Cloudflare Turnstile

Observe que você pode inserir vários domínios aqui e usar um único conjunto de chaves de API em todos eles.

A etapa final da configuração no site da Cloudflare é selecionar um tipo de widget. Com essas opções, você pode escolher como a Cloudflare deve processar as solicitações de CAPTCHA.

Há três opções: gerenciado, não interativo e invisível

Seleção de opções de tipo de widget no Cloudflare Turnstile

  • Gerenciado: Essa opção permite que a Cloudflare use as informações do visitante para determinar se deve mostrar um desafio interativo ou verificar automaticamente com base nos dados do navegador. O único desafio interativo que ele mostra é uma caixa de seleção. Sem imagens ou texto.
  • Não interativo: O usuário não interage com esse desafio de forma alguma. Ele só vê um widget com uma barra de carregamento enquanto o desafio do navegador é executado para verificar o usuário.
  • Invisível: Essa opção é executada sem ser vista em segundo plano e não requer nenhuma interação do usuário.

Depois de selecionar o tipo de widget, clique no botão criar.

Clique no botão azul Create (Criar)

Isso gerará um conjunto exclusivo de chaves de API.

Chaves de API no Cloudflare Turnstile

Mantenha-os abertos nessa guia ou janela e retorne à guia ou janela que contém o painel do WordPress e a conta do WPForms.

Etapa 3: Configurar o Cloudflare Turnstile no WPForms

Agora é hora de colar a chave do site e a chave secreta no WPForms para conectar sua conta.

No painel do WordPress, clique em WPForms " Configurações. Em seguida, selecione a guia CAPTCHA. É aqui que fica a conexão do Cloudflare Turnstile.

Navegando até as configurações de CAPTCHA no WPForms

Em seguida, selecione Turnstile (Catraca ) nas opções fornecidas.

Selecione Turnstile (Catraca) nas opções

Em seguida, você precisará inserir a Site Key (Chave do site ) e a Secret Key (Chave secreta ) para conectar sua conta do Cloudflare ao WPForms e evitar spam no formulário.

Copie esses valores exatamente da sua outra guia com a conta do Cloudflare aberta e cole-os na configuração do Turnstile no WPForms.

Inserção da chave do site e da chave secreta da Cloudflare no WPForms

Depois de inserir as duas chaves, você pode definir configurações adicionais.

Mensagem de falha

Configuração da mensagem de falha no WPForms

Nessa configuração, é possível personalizar a mensagem que os usuários verão se não passarem no processo de verificação.

Tipo

Definição do tipo de widget do Cloudflare

As configurações de Tipo permitem que você escolha entre escuro, claro ou automático para determinar a aparência do widget da Cloudflare em seu formulário. Se você selecionar automático, ele alternará para frente e para trás com base nas configurações do dispositivo dos usuários.

Modo de visualização e sem conflito

Acesso à visualização e ativação do modo sem conflito no WPForms

Após atualizar o Type, você verá uma seção de visualização do widget. Observe que isso será atualizado depois que você salvar suas configurações.

Abaixo disso está o Modo Sem Conflito. Se o Cloudflare Turnstile ou qualquer uma das opções de CAPTCHA estiver sendo carregado várias vezes em seu site, isso pode apresentar problemas que impedem que sua opção antispam funcione corretamente.

Um exemplo disso é se o WPForms e o tema do seu site estiverem usando o Turnstile.

Se você selecionar o modo No-Conflict, ele removerá automaticamente o código do Turnstile que não for carregado pelo WPForms.

Se não tiver certeza ou não se sentir à vontade para fazer essa ligação, entre em contato com a equipe de suporte e eles poderão ajudar a responder às suas perguntas.

Depois de fazer isso, clique no botão Save Settings (Salvar configurações).

Salvando suas configurações do Turnstile no WPForms

Depois disso, você poderá ver a visualização do widget do Turnstile e como ele aparecerá para os usuários.

Depois de salvar suas configurações, você pode visualizar o widget do Turnstile

Etapa 4: Adicionar o Cloudflare Turnstile a um formulário no WPForms

Suas chaves estão configuradas e sua conta do Cloudflare está vinculada ao WPForms. A próxima etapa é criar um formulário para testá-lo.

Para isso, abra o WPForms no WordPress. Você pode criar um novo formulário ou trabalhar com um já existente.

Ao entrar no construtor de formulários, você deverá ver uma opção Turnstile nos campos padrão. Use essa opção para adicionar o Turnstile ao seu formulário.

O campo Catraca aparecerá na seção Campos padrão do construtor de formulários

Quando o Turnstile estiver ativado para o formulário, você poderá desativá-lo facilmente e ativá-lo novamente, se necessário. Para fazer isso, vá para Configurações " Proteção contra spam e segurança.

Para ativar ou desativar o Turnstile, vá para Spam Protection and Security (Proteção contra spam e segurança) nas configurações do WPForms

A partir daí, use o botão de alternância para ativar ou desativar o Turnstile para esse formulário específico.

Use o botão de alternância para ativar ou desativar o Turnstile em seu formulário

Observe que, apesar de a opção Catraca aparecer na seção Campos padrão, não haverá um campo específico no formulário que exiba a Catraca. Em vez disso, quando o Turnstile estiver devidamente ativado no formulário, você verá um emblema no canto superior direito do construtor de formulários.

O emblema no canto superior direito indica que o Turnstile está ativado em seu formulário.

Quando o formulário estiver concluído, publique-o para que você possa executar um teste e garantir que ele esteja funcionando bem.

Etapa 5: testar o Cloudflare Turnstile

A única coisa que resta a fazer é testar seu trabalho! Para ter certeza de que tudo está funcionando como esperado, basta enviar uma entrada para o seu formulário.

Se desejar obter mais informações sobre como testar seus formulários, consulte esta lista de verificação completa de testes de formulários.

Em seguida, melhore a capacidade de entrega de seu e-mail

Quer saber como garantir que os e-mails que você envia do WordPress cheguem onde devem chegar? Confira nosso artigo sobre as práticas recomendadas para a capacidade de entrega de e-mails do WordPress.

E não se esqueça de ler sobre como enviar e-mails de teste do WordPress para ter certeza de que você pode testar seus e-mails adequadamente.

Corrija seus e-mails do WordPress agora

Pronto para corrigir seus e-mails? Comece hoje mesmo com o melhor plugin SMTP para WordPress. Se você não tiver tempo para corrigir seus e-mails, poderá obter assistência completa da White Glove Setup como uma compra extra, e há uma garantia de reembolso de 14 dias para todos os planos pagos.

Se este artigo o ajudou, siga-nos no Facebook e no Twitter para obter mais dicas e tutoriais sobre o WordPress.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPForms é financiado, por que isso é importante e como você pode nos apoiar.

Renee DeCoskey

Renee DeCoskey escreve em blogs desde 2001 e usa o WordPress desde 2007. Quando não está escrevendo sobre plug-ins do WordPress, pode ser encontrada enrolada em um livro ou se divertindo no Rotary.Saiba mais

Experimente nosso plugin gratuito WP Mail SMTP

Use seu provedor de SMTP favorito para enviar seus e-mails do WordPress de forma confiável.

Ative o JavaScript em seu navegador para preencher este formulário.