O construtor de formulários mais flexível para Elementor-MetForm é a maneira mais rápida de criar formulários de contato fáceis de usar com o maior número de funcionalidades. Você pode criar formulários visualmente cativantes usando os layouts de web design pré-construídos de alta qualidade que vêm com o criador de formulários de contato de arrastar e soltar.

Plug-in MetForm integrates with Google reCAPTCHA giving you the option to keep your website safe from spam and abuses. Read this documentation to learn how to add reCAPTCHA to WordPress using MetForm.

How to Add reCAPTCHA Spam Protection for WordPress Form #

To create a contact form in WordPress with reCAPTCHA, you will need to have the following plugins:

Plug-ins necessários:

1. Elemento: Baixar plug-in
2. MetForm: Baixar plug-in

Watch the video guide on how to create contact form for WordPress with captcha:

Step 1: Generate reCAPTCHA (v2) Site Key and Secret Key from Google #

Primeiro, vá para o Página reCAPTCHA do Google para criar uma nova chave de site reCAPTCHA e uma chave secreta para seu site. Na página:

1.1 Digite um Rótulo para o site.

1.2 Escolha o tipo reCAPTCHA. Aqui escolhemos o reCAPTCHA v2.

1.3 Adicione o Domínio do seu site.

1.4 Insira o seu (proprietário) endereço de email.

1.5 Aceite o Termos de serviço do reCAPTCHA.

1.6 Clique Enviar botão.

1.7 Na próxima página, você obterá o Chave do site e Chave secreta para reCAPTCHA. Copie-os para uso posterior.

Step 2: Enable reCAPTCHA for WordPress #

Para adicionar reCAPTCHA ao Metform:

1. Navegar para Metform > Settings > General do seu painel do WordPress.
2. Debaixo de reCAPTCHA Settings, select the Google reCaptcha version: V2 or V.
3. Introduzir o Chave do site that your have generated earlier.
4. Then, enter ther Chave secreta that your have generated along with.
5. Scroll down in the page and click the Salvar alterações botão.

Step-3: Add reCAPTCHA to WordPress Form in Elementor #

Para adicionar o reCAPTCHA em um formulário:

3.1 Crie um novo formulário ou abra um formulário com o editor Elementor.

3.2 Encontre o Widget reCAPTCHA no painel do editor. Em seguida, arraste-o para o design.

Observação- Duas das demonstrações do MetForm são projetadas com campos reCaptcha. Esses são o Formulário de contato simples 1 e o Formulário de contato simples 2. Para uma demonstração em branco ou outra demonstração, você deve arrastar e soltar o widget reCaptcha e trabalhar com ele.

3.3 Adicionar nome de classe extra, onde você pode adicionar uma nova classe ao wrapper do Recaptcha, então você poderá adicionar CSS/JS personalizado à classe. 

3.4 Clique no Atualizar botão para finalizar o processo. 

3.5 Por fim, veja a prévia do reCAPTCHA na página página de visualização.

[Nota: a visualização do reCAPTCHA não está disponível no editor. O reCAPTCHA será mostrado na página de visualização.]

Aplicando reCAPTCHA (v3) #

Para aplicar o reCAPTCHA v3, você deve começar na Etapa 1. Comece gerando as duas chaves para v3. Em seguida, vá para a Etapa 2, selecione v3 e copie e cole as chaves.
Verifique a visualização do formulário agora –

Seguindo as etapas acima, você pode integrar facilmente o reCAPTCHA no Elementor usando o plugin MetForm reCAPTCHA WordPress.