¿Buscas una forma de configurar hCaptcha en tus formularios de WordPress?
hCaptcha es una gran alternativa a Google reCAPTCHA - y es completamente gratis.
En este tutorial, le mostraremos cómo configurar hCaptcha en sus formularios (fácilmente).
Arregle ya sus correos electrónicos de formularios de contacto
¿Qué es hCaptcha?
hCaptcha es un popular servicio gratuito de CAPTCHA. Es una herramienta anti-spam que protege a los sitios web de hackers y spammers. Y es la mejor alternativa a Google reCAPTCHA.
La política de privacidad de hCaptcha es compatible con normativas recientes como GDPR y CCPA. Así que si te preocupa la privacidad de tu sitio, hCaptcha podría ser la herramienta antispam adecuada para tus formularios.
Cómo configurar hCaptcha en formularios de WordPress
Configurar hCaptcha en formularios de WordPress es super fácil. Aquí hay una tabla de contenidos para el tutorial:
En este artículo
Así que empecemos.
Paso 1: Instalar y activar WPForms
Lo primero que tienes que hacer es descargar y activar el plugin WPForms.
Para este tutorial, puede utilizar WPForms Lite o WPForms Pro.
Si eres nuevo en WordPress, aquí tienes una guía paso a paso sobre cómo instalar un plugin de WordPress para ayudarte a empezar.
A continuación, tendrá que seleccionar la opción hCaptcha en la configuración de WPForms.
Para ello, diríjase a su panel de WordPress y haga clic en WPForms " Configuración.
Esto abrirá su página de configuración de WPForms. Puede ver múltiples opciones de pestañas en la parte superior de la página de configuración. Haga clic en la pestaña CAPTCHA de las pestañas en la parte superior.
Verás dos 3 servicios CAPTCHA populares: Cloudflare Turnstile, hCaptcha, y reCAPTCHA.
Seleccione la opción hCaptcha.
Tan pronto como selecciones la opción hCaptcha, verás los ajustes para añadir el Sitio hCaptcha y la Clave Secreta. Vamos a generar estos ahora.
Paso 2: Configurar hCaptcha Sitekey
Para obtener las claves hCaptcha, abra el sitio oficial de hCaptcha en una nueva pestaña y recuerde mantener abierto WPForms en otra pestaña.
Acceda a su cuenta hCaptcha y añada un nuevo sitio.
Se abrirá una página en la que deberá añadir los datos de su sitio.
La primera sección que verá aquí es la sección Agregar nueva Sitekey. Aquí puedes añadir un nombre a esta Sitekey específica, pero es sólo para tu referencia, así que no te preocupes demasiado por cómo la llamas.
Ahora, en la segunda sección, tendrás que definir todos los sitios web en los que deseas utilizar esta clave. Haz clic en el botón más si necesitas añadir más.
Si estás utilizando una cuenta gratuita de hCaptcha, tendrás que utilizar el modo Siempre Desafío, así que vamos a saltarnos este paso.
A continuación, tendrá que decidir la dificultad de sus CAPTCHAs. hCaptcha llama a esto el Umbral de Aprobación.
Para la mayoría de los formularios de WordPress, Auto funcionará bien. Si quieres controlar esta configuración, aquí tienes una guía general de lo que significa cada umbral:
- Fácil muestra los retos "fáciles" estándar para validar a los usuarios.
- Moderado muestra un reto ligeramente más difícil.
- Difícil muestra un reto difícil de resolver. Aunque este es el más seguro, también podría ser frustrante, por lo que es posible que desee considerar para qué es el formulario y quién lo utilizará.
Y ya está. Su clave hCaptcha está configurada. Ahora volvamos a WordPress y añadámosla a tus formularios.
Paso 3: Añadir Sitekey a WPForms
Añadiendo su sitekey a WPForms completará la conexión entre su sitio WordPress y hCaptcha.
Permaneciendo en el sitio hCaptcha por un momento, haga clic en el botón Configuración para comenzar.
Copie la clave del sitio y péguela en el campo Clave del sitio en WPForms.
A continuación, tenemos que añadir la clave secreta.
Para copiar su clave secreta, haga clic en su foto de perfil en la parte superior derecha del sitio web de hCaptcha.
A continuación, haz clic en Configuración.
Copie aquí su clave secreta.
Una vez que haya pegado su clave secreta en la configuración de WPForms, la conexión estará completa.
Si desea personalizar aún más la configuración de hCaptcha, puede cambiar el Mensaje de error antes de guardar.
Y ya está. Ahora podemos añadir rápidamente hCaptcha a tus formularios en WordPress.
Paso 4: Crear un nuevo formulario
Ahora que ha configurado todos los ajustes de hCaptcha, es el momento de activarlo en sus formularios de contacto en línea.
Para ello, necesitamos abrir un formulario que hayas creado.
Si aún no has creado tu formulario, crea uno nuevo utilizando el plugin WPForms.
WPForms viene con una enorme biblioteca de plantillas de formularios que consta de varias plantillas de formularios pre-construidos, tales como:
- Modelo de formulario de donación en línea
- Plantilla de formulario para encuestas y sondeos
- Modelo de formulario de pedido
- Modelo de solicitud de empleo
- y muchos más.
La mayor ventaja de utilizar una plantilla prediseñada es que no tiene que crear el formulario desde cero.
Elegiremos la plantilla Formulario de contacto simple.
Una vez que seleccione el templo, se abrirá la configuración del constructor de formularios WPForms. Puedes ver el formulario a la derecha y un constructor de arrastrar y soltar a la izquierda.
Puede añadir campos adicionales a su formulario en línea arrastrándolos y soltándolos de izquierda a derecha.
Paso 5: Añadir el campo hCaptcha al formulario de WordPress
Nuestro formulario en línea está listo; es hora de asegurarlo con hCaptcha.
Para añadir el campo hCaptcha a su formulario, en la parte izquierda del generador de formularios, en la sección Campos estándar, haga clic en el campo hCaptcha.
En cuanto haga clic en el campo hCaptcha, aparecerá una ventana emergente para confirmar que ha activado hCaptcha para este formulario. Haga clic en OK.
El logotipo hCaptcha en la parte superior derecha de su formulario confirmará que el servicio hCaptcha está activado en su formulario.
Este logo es sólo para recordarle que el hCaptcha está activo en su formulario y no se muestra en su formulario publicado.
Haga clic en el botón Guardar y añadir WPForms a una página en WordPress.
Paso 6: Pruebe su nuevo campo hCaptcha
Ahora necesitas asegurarte de que hCaptcha funciona correctamente con tu formulario de contacto o no.
Para probar hCaptcha, abra el formulario de contacto en el front-end de su sitio, rellene las entradas del formulario y marque la casilla hCaptcha. Dependiendo del nivel de dificultad que hayas elegido, puede que aparezca un desafío.
Y ya está. Ahora ya sabes cómo usar hCaptcha en los formularios de WordPress.
Nota: Recuerde probar su formulario de contacto en otro navegador o en una ventana de incógnito en la que no haya iniciado sesión como administrador en su sitio.
Arregle ya sus correos electrónicos de formularios de contacto
A continuación, añada un acuerdo GDPR a los formularios en línea
¡Y ya está! Así de sencillo es configurar hCaptcha en los formularios de WordPress. Esperamos que este artículo te ayude a crear formularios online más protegidos y seguros para tus sitios web WordPress.
Después de añadir hCaptcha, puede que necesites añadir un acuerdo GDPR a tus formularios. Consulta nuestro tutorial paso a paso sobre cómo añadir un acuerdo GDPR a tus formularios de WordPress.
También tenemos una guía que le ayudará si WPForms no está enviando correo electrónico.
¿Listo para arreglar tus correos electrónicos? Empiece hoy mismo con el mejor plugin SMTP para WordPress. Si no tienes tiempo para arreglar tus correos electrónicos, puedes obtener asistencia completa de White Glove Setup 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 ayudado, síguenos en Facebook y Twitter para más consejos y tutoriales sobre WordPress.
