Resumen de IA
¿Los bots están llenando tus formularios de WordPress con spam? hCaptcha puede bloquear a la mayoría antes de que lleguen a tu bandeja de entrada.
hCaptcha es una alternativa popular a Google reCAPTCHA y tiene un plan gratuito. WPForms lo admite directamente, incluso en la versión gratuita. Pero la configuración abarca 2 paneles y una clave incorrecta puede bloquear cada entrada.
En esta guía, te mostraré cómo configurar hCaptcha en formularios de WordPress.
¿Qué es hCaptcha?
hCaptcha es un servicio CAPTCHA que ayuda a evitar que bots y spammers envíen tus formularios. La mayoría de los visitantes marcan una casilla de "Soy humano" y luego resuelven un breve desafío de imagen.
hCaptcha dice que está construido pensando en la privacidad y no vende datos personales. Su política de privacidad cubre normativas como GDPR y CCPA.
Por lo tanto, es una buena opción si la privacidad de tu sitio te importa.
hCaptcha tiene un plan gratuito, y eso es todo lo que necesitas para este tutorial. El plan Pro de pago añade un modo "99,9 % pasivo" y temas personalizados.
hCaptcha vs reCAPTCHA vs Cloudflare Turnstile
WPForms admite 3 servicios CAPTCHA. Solo puedes usar uno a la vez en todo tu sitio. Así es como se comparan:
| hCaptcha | Google reCAPTCHA | Cloudflare Turnstile | |
|---|---|---|---|
| Plan gratuito | Sí | Sí, hasta 10 000 verificaciones al mes | Sí, hasta 20 widgets |
| Lo que ven los visitantes en WPForms | Aquí tienes cada paso en detalle: | Casilla de verificación (v2), o nada (Invisible v2 y v3) | Un widget pequeño, normalmente sin acertijo |
| Opción invisible en WPForms | No | Sí | El modo widget se configura en Cloudflare |
| Mejor para | Sitios centrados en la privacidad que están de acuerdo con una casilla de verificación | Sitios que ya utilizan servicios de Google | Sitios que desean la menor fricción posible |
Los límites provienen de los niveles de reCAPTCHA de Google y los planes de Turnstile de Cloudflare.
Para una visión más profunda, consulta nuestra comparación de hCaptcha vs reCAPTCHA. También tenemos una guía sobre Cloudflare Turnstile en formularios de WordPress.
Cómo configurar hCaptcha en formularios de WordPress
Para configurar hCaptcha en WordPress, instala WPForms. Luego elige hCaptcha en WPForms » Ajustes » CAPTCHA.
Pega la Clave del Sitio y la Clave Secreta de tu panel de hCaptcha y guarda. Luego añade el campo hCaptcha a tu formulario en el constructor de formularios.
Aquí tienes cada paso en detalle:
- Paso 1: Instalar y activar WPForms
- Paso 2: Configurar la clave del sitio de hCaptcha
- Paso 3: Añadir la clave del sitio a WPForms
- Paso 4: Crear un nuevo formulario
- Paso 5: Añadir el campo hCaptcha en el formulario de WordPress
- Paso 6: Probar tu nuevo campo hCaptcha
- Solución de problemas: hCaptcha no funciona en formularios de WordPress
- Preguntas frecuentes sobre hCaptcha
- A continuación, agregue un acuerdo GDPR a los formularios en línea
Paso 1: Instalar y activar WPForms
Primero, instala y activa el plugin WPForms. hCaptcha funciona tanto con WPForms Lite como con WPForms Pro. No necesitas una licencia de pago para esto.
¿Nuevo en WordPress? Aquí tienes una guía paso a paso sobre cómo instalar un plugin de WordPress.
A continuación, abre los ajustes de CAPTCHA. Ve a WPForms » Ajustes en tu panel y haz clic en la pestaña CAPTCHA.
Verás 4 opciones: hCaptcha, reCAPTCHA, Turnstile y Ninguno. Selecciona hCaptcha.
Tan pronto como lo hagas, aparecerán los campos para tu Clave del Sitio y Clave Secreta. Obtendrás ambas de hCaptcha en el siguiente paso.
También puedes ver un cuadro llamado ¿Prefieres no tener CAPTCHAs? en esta página. Ese es ActiveLayer, un filtro de spam invisible del equipo de WPForms.
Es opcional y puedes omitirlo para este tutorial.
Paso 2: Configurar la clave del sitio de hCaptcha
Ahora abre el sitio web de hCaptcha en una pestaña nueva. Mantén los ajustes de WPForms abiertos en la primera pestaña.
Regístrate para obtener una cuenta gratuita o inicia sesión si ya tienes una.
hCaptcha te da 2 claves. La Clave del Sitio es pública y carga el CAPTCHA en tu formulario. La Clave Secreta es privada y permite a tu sitio verificar cada respuesta con hCaptcha.
En tu panel de hCaptcha, abre la pestaña Sitios. Es posible que tu cuenta ya tenga una clave de sitio. Para mantener este sitio separado, añade una nueva.
Dale un nombre a la clave de sitio. Es solo para tu referencia, así que algo como "Mi Formulario de Contacto" está bien.
Luego añade el dominio de tu sitio a la lista de dominios de la clave de sitio, como ejemplo.com. Añade todos los dominios que mostrarán el formulario, incluido cualquier sitio de staging.
Guarda la clave de sitio cuando hayas terminado.
Paso 3: Añadir la clave del sitio a WPForms
Ahora conecta hCaptcha a WPForms. De vuelta en la pestaña Sitios, copia la clave de sitio para tu nuevo sitio.
Cambia a tu pestaña de WPForms y pégala en el campo Clave del sitio.
A continuación, obtén tu clave secreta. En hCaptcha, haz clic en el icono de tu perfil en la parte superior derecha y elige Ajustes.
Copia la clave secreta que se muestra allí.
Si necesitas una nueva, haz clic en Generar nueva clave secreta. Copia la clave secreta de inmediato y guárdala de forma segura.
Pégala en el campo Clave secreta en WPForms.
También puedes cambiar el Mensaje de fallo. Los visitantes lo ven si no superan la verificación.
El valor predeterminado es “La verificación de hCaptcha falló, inténtalo de nuevo más tarde”.
Haz clic en Guardar ajustes. WPForms muestra entonces una Vista previa de tu CAPTCHA, creada a partir de tu clave del sitio.
Si la vista previa se carga, tu Clave del sitio está funcionando.
Paso 4: Crear un nuevo formulario
Ahora es el momento de añadir hCaptcha a un formulario. Abre un formulario existente o crea un formulario nuevo en WPForms » Añadir nuevo formulario.
Dale un nombre a tu formulario. Luego elige una plantilla de la biblioteca de plantillas de formularios, o empieza con un formulario en blanco.
Las plantillas te ahorran tener que crear cada campo manualmente.
Para este ejemplo, usaré la plantilla Formulario de contacto simple.
Se abre el constructor de formularios. Tus campos están a la derecha y la lista de campos está a la izquierda.
Paso 5: Añadir el campo hCaptcha en el formulario de WordPress
En la lista de campos de la izquierda, busca la sección Campos estándar. Haz clic en el campo hCaptcha.
Este no se arrastra. Un solo clic lo activa.
Aparece una ventana emergente que dice “hCaptcha se ha activado para este formulario. ¡No olvides guardar tu formulario!”. Haz clic en Aceptar.
Ahora aparece una insignia de hCaptcha en la vista previa del formulario.
Es solo un recordatorio dentro del constructor. Los visitantes ven la casilla de verificación real de hCaptcha en su lugar.
También puedes activar hCaptcha desde los ajustes del formulario.
Ve a Ajustes » Protección contra spam y seguridad. En CAPTCHA, activa el interruptor Activar hCaptcha.
Haz clic en Guardar en la parte superior del constructor. Luego añade tu formulario a una página en WordPress.
Paso 6: Probar tu nuevo campo hCaptcha
Ahora comprueba que hCaptcha funciona. Abre la página con tu formulario en el frontend de tu sitio.
Rellena los campos y marca la casilla de hCaptcha. Es posible que recibas un desafío de imagen para resolver.
Luego envía el formulario y asegúrate de ver tu mensaje de confirmación.
Nota: Prueba tu formulario en una ventana privada o de incógnito. De esa manera, verás lo que ve un visitante desconectado, no una vista de administrador en caché.
¡Eso es todo! hCaptcha ahora protege tu formulario de WordPress.
Crea tu formulario de WordPress ahora
Solución de problemas: hCaptcha no funciona en formularios de WordPress
Si hCaptcha no funciona, la causa suelen ser tus claves, dominios u otro plugin. Aquí te explicamos cómo solucionar los problemas más comunes.
Las reglas de token, localhost y test-key que se indican a continuación provienen de la documentación para desarrolladores de hCaptcha.
El cuadro de hCaptcha no aparece en el formulario
Primero, asegúrate de que hCaptcha esté activado para este formulario. Abre el formulario en el constructor y ve a Ajustes » Protección contra spam y seguridad » CAPTCHA.
Si está activado, borra la caché de tu sitio y del navegador. Los plugins de caché y optimización de scripts pueden retrasar o bloquear el script de hCaptcha.
¿Todavía no aparece? Es posible que otro plugin cargue su propio CAPTCHA.
En WPForms » Ajustes » CAPTCHA, activa el Modo sin conflictos. Esto elimina otros scripts CAPTCHA de tus páginas.
“La verificación de hCaptcha falló, inténtalo de nuevo más tarde”
Este es el mensaje de error predeterminado de WPForms. El visitante no completó la verificación o tardó demasiado.
Los tokens de hCaptcha caducan después de aproximadamente 2 minutos.
Pídeles que marquen la casilla de nuevo y envíen el formulario de inmediato. Si todo el mundo ve este mensaje, revisa tu Clave Secreta a continuación.
WPForms dice que hCaptcha está rechazando tu clave secreta
En WPForms 2.0.2 y versiones posteriores, verás este aviso en tu panel de WordPress: “hCaptcha está rechazando tu clave secreta, por lo que se están bloqueando los envíos del formulario”.
Tu Clave Secreta es incorrecta o no coincide con la cuenta de tu Clave de Sitio.
Copia una clave secreta nueva de tu configuración de hCaptcha. Pégala y haz clic en Guardar ajustes.
hCaptcha funciona en tu sitio en producción pero no en staging
Primero, comprueba que tu dominio de staging esté en la lista de dominios de tu clave de sitio. Añádelo si falta.
hCaptcha no acepta `localhost` ni `127.0.0.1` en absoluto. Para un sitio local, utiliza las claves de prueba de hCaptcha del Paso 3.
El formulario se envía, pero el correo electrónico nunca llega
Eso es un problema de correo electrónico, no de hCaptcha. Por defecto, WordPress envía los correos de los formularios a través de tu proveedor de alojamiento web, y muchos se pierden.
Nuestra guía sobre WPForms no envía correos electrónicos explica la solución con WP Mail SMTP.
Preguntas frecuentes sobre hCaptcha
Aquí tienes respuestas a preguntas comunes sobre el uso de hCaptcha con WordPress.
¿Es hCaptcha gratuito?
Sí. hCaptcha tiene un plan gratuito que funciona con WPForms.
Pro empieza en 99 $ al mes con facturación anual, según la página Pro de hCaptcha. Añade un modo pasivo del 99,9 % y temas personalizados.
¿Es compatible WPForms Lite con hCaptcha?
es. hCaptcha, reCAPTCHA y Cloudflare Turnstile están incluidos en el plugin gratuito WPForms Lite. No necesitas una licencia de pago de WPForms para usarlos.
¿Puedo usar hCaptcha y reCAPTCHA al mismo tiempo?
No. WPForms utiliza un único servicio CAPTCHA en todo tu sitio.
Lo eliges en WPForms » Ajustes » CAPTCHA. Aun así, puedes activar o desactivar el CAPTCHA para cada formulario.
¿Puedo hacer que hCaptcha sea invisible en WPForms?
No desde WPForms. Siempre muestra la casilla de verificación de hCaptcha.
¿Quieres que no haya CAPTCHA visible? Elige reCAPTCHA Invisible v2 o v3, o prueba Cloudflare Turnstile.
¿Es hCaptcha mejor que reCAPTCHA?
Depende de lo que necesites. hCaptcha se centra en la privacidad. reCAPTCHA ofrece opciones invisibles en WPForms.
La tabla comparativa cerca de la parte superior de esta publicación muestra las principales diferencias.
A continuación, agregue un acuerdo GDPR a los formularios en línea
Ahora que tus formularios están a salvo de bots, es posible que también necesites un acuerdo de GDPR. Nuestro tutorial te muestra cómo añadir un acuerdo de GDPR a tus formularios de WordPress.
¿Quieres más formas de detener bots? Consulta nuestras selecciones de los mejores plugins antispam para WordPress.
Soluciona tus correos de WordPress ahora
¿Listo para arreglar tus correos electrónicos? Empieza hoy mismo con el mejor plugin SMTP de WordPress. Si no tienes tiempo para arreglar tus correos electrónicos, puedes obtener asistencia completa de configuración White Glove como compra adicional, y hay una garantía de devolución de dinero de 14 días para todos los planes de pago.
Si este artículo te ha sido útil, síguenos en Facebook y Twitter para obtener más consejos y tutoriales de WordPress.
