Si usas Contact Form 7 en tu sitio web con WordPress, es probable que quieras proteger tus formularios contra el spam. Una de las mejores maneras de hacerlo es mediante Google reCAPTCHA. En esta guía, te mostraré cómo integrarlo paso a paso.
Contenidos
¿Qué es Google reCAPTCHA?
Google reCAPTCHA es un servicio gratuito que ayuda a proteger tu sitio web contra el spam y los bots, asegurando que solo los usuarios legítimos puedan enviar formularios.
Paso 1: Crear una cuenta en Google reCAPTCHA
- Ve a la página oficial de Google reCAPTCHA.
- Inicia sesión con tu cuenta de Google.
- Rellena el formulario con los siguientes datos:
- Etiqueta: Un nombre para identificar tu sitio.
- Tipo de reCAPTCHA: Selecciona reCAPTCHA v3 (Contact Form 7 es compatible con esta versión).
- Dominios: Añade el dominio de tu sitio web (sin
https://). - Acepta los términos y condiciones.
- Haz clic en Enviar y copia las claves del sitio y secreta.
Paso 2: Configurar reCAPTCHA en Contact Form 7
- Entra en tu panel de administración de WordPress.
- Ve a Contacto > Integración.
- Busca la sección de reCAPTCHA y haz clic en Configurar la integración.
- Pega la Clave del sitio y la Clave secreta obtenidas en el paso anterior.
- Haz clic en Guardar cambios.
Paso 3: Verificar que reCAPTCHA funciona
Para comprobar si reCAPTCHA se ha integrado correctamente en Contact Form 7:
- Abre cualquier página donde tengas un formulario de Contact Form 7.
- Deberías ver el logo de Google reCAPTCHA en la esquina inferior derecha.
- Prueba enviando un formulario y verifica que no hay errores.
Solución a problemas comunes
1. No aparece el logo de reCAPTCHA
Asegúrate de que:
- Has introducido correctamente las claves en Contact Form 7.
- No tienes bloqueadores de anuncios activos.
- Tu tema o plugins no están ocultando el logo.
2. Aparece un error de validación
Si Contact Form 7 muestra un error de validación, intenta lo siguiente:
- Revisar las claves API en la configuración de reCAPTCHA.
- Comprobar que tu dominio está registrado en Google reCAPTCHA.
- Actualizar Contact Form 7 y otros plugins.
Consideraciones sobre el rendimiento y solución
Al integrar reCAPTCHA con Contact Form 7, el script de reCAPTCHA se carga en todas las páginas del sitio, incluso en aquellas donde no hay formularios de contacto. Aunque el impacto en el rendimiento es mínimo, esto puede generar solicitudes innecesarias a Google.
Para solucionar este problema, he desarrollado un plugin que permite cargar reCAPTCHA solo en la página de contacto, evitando que se ejecute en el resto del sitio.
Si deseas optimizar el rendimiento de tu WordPress y reducir las solicitudes externas innecesarias, puedes descargar e instalar este plugin en tu sitio.
Siguiendo estos pasos, tu formulario estará protegido contra el spam sin afectar la experiencia del usuario. 🚀