El creador de formularios más flexible para Elementor-MetForm es la forma más rápida de crear formularios de contacto fáciles de usar con la mayor cantidad de funcionalidades. Puede crear formularios visualmente cautivadores utilizando los diseños de diseño web prediseñados de alta calidad que vienen con el creador de formularios de contacto de arrastrar y soltar.

Complemento MetForm Se integra con Google reCAPTCHA, brindándole la opción de mantener su sitio web a salvo de spam y abusos. Puede agregar fácilmente reCAPTCHA al formulario Elementor utilizando este complemento reCAPTCHA de WordPress. Lea esta documentación para aprender cómo agregar reCAPTCHA a WordPress usando MetForm.

Mire la guía en video sobre cómo agregar campos condicionales al formulario de Elementor

Paso 1: Genere la clave de sitio y la clave secreta reCAPTCHA (v2) de Google #

Primero, ve al Página reCAPTCHA de Google para crear una nueva clave de sitio reCAPTCHA y una clave secreta para su sitio. En la pagina:

1.1 Escriba un Etiqueta para el sitio.

1.2 Elige el tipo reCAPTCHA. Aquí hemos elegido reCAPTCHA v2.

1.3 Agregar el Dominio de su sitio.

1.4 Ingrese su (propietario) dirección de correo electrónico.

1.5 Aceptar el Términos de servicio de reCAPTCHA.

1.6 Haga clic Entregar botón.

1.7 En la página siguiente, obtendrá el Clave del sitio y Llave secreta para reCAPTCHA. Cópielos para su uso posterior.

Paso 2: agregue reCAPTCHA a Metform #

Para agregar reCAPTCHA a Metform:

2.1 Navegar a Metform > Configuración > General desde su panel de WordPress.

2.2 Seleccione la versión de reCAPTCHA a “reCAPTCHA V2”.

2.3 Copiar y pegar Clave del sitio y Llave secreta en los respectivos campos. Si no generó las claves antes, puede hacerlo ahora haciendo clic en Crear desde aquí debajo de los campos.

2.4 Haga clic en el Guardar cambios botón en la esquina superior derecha.

Paso 3: agregue reCAPTCHA a un formulario en Elementor #

Para agregar reCAPTCHA en un formulario:

3.1 Cree un formulario nuevo o abra un formulario con el editor Elementor.

3.2 Encuentra el widget reCAPTCHA desde el panel del editor. Luego arrástrelo al diseño.

Nota- Dos de las demostraciones de MetForm están diseñadas con campos reCaptcha. Estos son el formulario de contacto simple 1 y el formulario de contacto simple 2. Para una demostración en blanco u otra demostración, debe arrastrar y soltar el widget reCaptcha y luego trabajar con él.

3.3 Agregar nombre de clase adicional, donde puede agregar una nueva clase al contenedor de Recaptcha y luego podrá agregar CSS/JS personalizado a la clase. 

3.4 Haga clic en el Actualizar botón para finalizar el proceso. 

3.5 Finalmente, vea la vista previa de reCAPTCHA en el Vista previa de la pàgina.

[Nota: la vista previa de reCAPTCHA no está disponible en el editor. reCAPTCHA se mostrará en la página de vista previa.]

Aplicando reCAPTCHA (v3) #

Para aplicar reCAPTCHA v3 debes comenzar desde el Paso 1. Comience generando las dos claves para v3. A continuación, vaya al Paso 2, seleccione v3 y copie y pegue las claves.
Consulte la vista previa del formulario ahora –

Siguiendo los pasos anteriores, puede integrar fácilmente reCAPTCHA en Elementor utilizando el complemento MetForm reCAPTCHA WordPress.