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 integra-se ao Google reCAPTCHA, oferecendo a opção de manter seu site protegido contra spam e abusos. Você pode facilmente adicionar reCAPTCHA ao formulário Elementor usando este plugin reCAPTCHA WordPress. Leia esta documentação para saber como adicionar reCAPTCHA ao WordPress usando MetForm.

Assista ao guia em vídeo sobre como adicionar campos condicionais ao formulário Elementor

Etapa 1: gerar a chave do site reCAPTCHA (v2) e a chave secreta do 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.

Etapa 2: adicionar reCAPTCHA ao Metform #

Para adicionar reCAPTCHA ao Metform:

2.1 Navegue até Metform > Configurações > Geral do seu painel do WordPress.

2.2 Selecione a versão do reCAPTCHA para “reCAPTCHA V2”.

2.3 Copiar e colar Chave do site e Chave secreta nos respectivos campos. Se você não gerou as chaves antes, você pode fazer isso agora clicando em Crie a partir daqui sob os campos.

2.4 Clique no Salvar alterações botão no canto superior direito.

Etapa 3: adicionar reCAPTCHA a um formulário no 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.