Formularios con reCaptcha en WordPress con CF7

Oxkar » Formularios con reCaptcha en WordPress con CF7

Vamos a describir paso a paso como añadir formularios recaptcha en tu sitio web wordpress con el plugin contact form 7, en adelante CF7. La ventaja de añadir el recaptcha al formulario es que se reduce el spam a cero. Para añadir recaptcha a tus formularios no necesitas ningún plugin adicional si estas creando los formularios con CF7.

Nota: Si además quieres gestionar los mensajes de los formularios creados con CF7 desde el mismo WordPress, entonces necesitaras otro plugin del mismo autor denominado Flamingo.

Paso 1: Instala Contact Form 7

El plugin CF7 lo instalamos desde Plugins y los pasos son los siguientes

1. Pulsamos en Añadir nuevo
2. Después hacemos una búsqueda del plugin
3. Lo localizamos y pulsamos en el botón Instalar ahora. Nota: En la imagen aparece Actualizar ahora y es porque ya lo tenía instalado en mi web.

Paso 2: Crea un nuevo formulario con CF7

Una vez instalado se habrá creado un nuevo ítem en el menú de la izquierda de wordpress llamada contacto, haz clic en ella. Ahora sigue estos pasos:

1. Añadir nuevo formulario
2. En el formulario añade los campos que necesites, por defecto aparecen ya unos.

Paso 3: Añádele un reCaptcha de google al formulario con CF7

Ahora añadiremos un reCaptcha al formulario sin tener que instalar ningún otro plugin, con el propio CF7. Ve a la sección integración y configura la integración recaptcha.

Aquí tienes que pegar las claves de tu reCaptcha, pero primero si no la tienes tendrás que generarlas como te indico en el paso 4. Ahora ya tienes un formulario con recaptcha v3 de google. Si te aparece el check “reCAPTCHA está activo en este sitio” como en la imagen anterior es que está funcionando correctamente. Te habrás fijado que no tienes que añadir nada a tu formulario para que muestre el captcha, ya lo hará la librería reCaptcha dentro del formulario en la propia web.

Paso 4: Genera las claves de reCaptcha para tu web

1. Ves a Google reCaptcha  https://www.google.com/recaptcha/
2. Crea un nuevo reCaptcha para los formularios que nos servirán para todos los que pongamos en nuestra web.
   

   Creación de un reCaptcha V3 en la web de google

3. Una vez creado se generan las claves de sitio web y secreta, que tendrás que pegar en CF7 en la sección Integración con recaptcha.

Conclusiones

Ya has visto lo fácil y rápido que es añadir captchas a los formularios de tu web WordPress con la ayuda del plugin Contact Form 7. La ventaja de los captcha de google es que son 100% antispam y además si utilizas el reCaptcha V3 con su inteligencia artificial te aseguras que sea transparente para el usuario, así no tendrá que estar rellenando constantemente números, letras o posicionar imágenes o acertijos. Consecuentemente su utilización frente a otras soluciones producirá un menor abandono en la entrada de datos por parte de los usuarios o clientes.