Vamos a explicar cómo Implementar en el formulario de Contact Form 7 la herramienta de Captcha anti Spam que nos facilita Google, llamada ReCaptcha.
Existen varias versiones, en este caso vamos a hablar de cómo instalar y configurar la versión ReCaptcha Google V3 (también válido para Recaptcha V2). Tutorial basado en las 2 últimas versiones de WordPress a día de hoy.
Indice
¿Cómo obtener reCaptcha?
- 1. Descargamos e Instalamos el Plugin llamado Advanced noCaptcha & invisible Captcha (v2 & v3)
- 2. Ir a la web oficial https://www.google.com/recaptcha/admin para registrar nuestra web y obtener las Claves de Seguridad.
- 3. Clic en el Simbolo (+) para añadir un nuevo Captcha a tu sitio WordPress
- 4. Rellenar la siguiente información
Etiqueta o Label: Nombre para distinguir la propiedad en Google reCAPTCHA.
Tipo de reCaptcha: Te permite elegir la versión a instalar (usamos la más actual)
Dominios: Indicamos el dominio a proteger, por ejemplo he puesto clongrafico.com
Propietarios o Owners: Por defecto el Gmail vinculado.
Aceptación de los términos y servicios
Casilla de alertas a los propietarios o Send Alerts to owners: Marcar para recibir alertas vía email de las estadísticas de antispam con reCaptcha.
Hecho esto damos clic al botón ENVIAR o SEND para pasar a la próxima ventana del paso 4.
- 5. Registro del reCaptcha y Clave Pública y Secreta del Captcha.
Debemos añadir el reCaptcha a nuestro sitio web WordPress, también puedes vincularlo vía HTML aquí
Copiamos la Clave pública y la Clave Secreta y nos vamos al WordPress para instalarla en nuestro Plugin.
Haz clic en la imagen y podrás descargar el plugin o a través del link
Configurar reCaptcha en WordPress
a) Añadimos las claves que teniamos copiadas del paso anterior (paso 5) dentro de la configuración del Plugin
b) Establecemos bloqueo para formulario de comentarios.
6. Por último nos vamos al WordPress y editamos el formulario de contacto.
En Contacto > Formularios de Contacto > Editamos el form que deseamos instalar el ReCAPTCHA
En el código añadimos la siguiente línea en la zona donde queramos el captcha, este será invisible para los usuarios, por tanto si los robots de Spam lo rellenan la aplicación los detectará.
[anr_nocaptcha g-recaptcha-response]y «Guardar»
¡Esto sería todo! Ya tendrías la aplicación instalada y sólo queda esperar que realice su funcionamiento. Una mini guía de cómo Instalar recaptcha contact form 7 WordPress y no morir en el intento.
NOTA: HACER ESTOS PASOS SOLO SI USABAS OTRO PLUGIN DE RECAPTCHA DISTINTO.
Si ya teniamos algún Captcha instalado en WordPress, debemos eliminarlo y vincular el nuevo, para ello vamos a Contacto > Integración y limpiamos el anterior Captcha. En mi caso no teniamos ninguno pero dejo el paso como nota adicional.
- Elimine las claves de Google (si las hay) de Panel de control> Contacto> Integración> reCAPTCHA
- Vaya a Panel de control> Contacto> Formularios de contacto.
Cómo ver estadísticas de bloqueo de reCaptcha
Si iniciamos sesión en la herramienta de Google para Captcha tendremos un análisis de cuantos intentos de SPAM ha bloqueado la herramienta del Recaptcha instalada.
La URL para ver esta información es: https://www.google.com/recaptcha/admin/site
Dentro podemos visualizar las estadísticas de SPAM bloqueado en el formulario de contacto, si nuestro reCaptcha es nuevo aún estará analizando el tráfico y mostrará la advertencia en amarillo. Si por el contrario ya lo teniamos hace un tiempo veremos todos los intentos de Spam que se han bloqueado.
¿Cómo agregar CAPTCHA v2 en formulario Contact Form 7?
Opción válida si deseas CAPTCHA v2 en su formulario de Formulario de contacto 7.
Para usar la versión V2 de reCAPTCHA debemos:
1.Instalar Plugin -> ReCaptcha v2 para el formulario de contacto 7, se usará junto al anterior plugin «Advanced noCaptcha & Invisible Captcha».
Generar una clave de sitio y una clave secreta para v2. Para ello:
2. Ir a la web oficial https://www.google.com/recaptcha/admin para registrar nuestra web y obtener las Claves de Seguridad del reCAPTCHA v2.
3. Clic en el Simbolo (+) para añadir un nuevo Captcha a tu sitio WordPress
4. Rellenar la siguiente información
Ir a Contacto > Versión de reCaptcha
Elegir reCaptcha Versión 2 y Fuente reCaptcha a google.com. Y Enviar.
Con esto tendremos configurado la versión v2 del reCATPCHA para evitar SPAM en nuestro WordPress si por algún motivo no ha funcionado con la versión v3 anterior.
Los protectores de spam recaptcha de Google son geniales, además te permiten indicar cuantos bloqueos se han generado en los últimos días y llevar un conteo para tomar medidas.
Gran guia de cómo se instala el recaptcha para evitar spam en el sitio web, leonel.
Good job on the new site! La ayuda adquirida por clongrafico ha sido un gran aporte para nosotros, recibiamos solicitudes de clientes mezcladas con Spam y era un problema grande, gracias por vuestro servicio hemos podido reparar el formulario y mantener intacta la interfaz.
Nos encanta el buen servicio que ofrecen en todas las ramas tanto para configuración interna de plugins como para actualizar sitios web, migraciones o más.
Les agradezco su buena labor. rápidos y efectivos.
Los recaptcha que he probado no me solian funcionar, contacte con clongrafico y me aportaron ideas y una ayuda sin ningún coste, les agradezco mucho su buen trabajo en configuración de WordPress. Les estaré contactando más adelante.
Excelente tutorial muy útil.