Cómo agregar CAPTCHA de torniquete de Cloudflare a sus formularios

Publicado: 2023-03-13

¿Desea agregar Cloudflare Turnstile CAPTCHA a sus formularios de WordPress?

Cloudflare Turnstile es un widget alternativo similar a CAPTCHA que ayuda a evitar envíos de spam en sus formularios. Este widget es muy fácil de usar y es fácil de habilitar en los formularios que crea o ya tiene.

En esta publicación, lo guiaremos a través de los 6 pasos para agregar Cloudflare Turnstile CAPTCHA a sus formularios.

Crea tu formulario de WordPress ahora

¿Por qué debo usar Cloudflare Turnstile CAPTCHA en WordPress?

Como mencionamos, Cloudflare Turnstile es un widget similar a CAPTCHA que es fácil de usar y fácil de agregar a sus formularios de WordPress.

El CAPTCHA de torniquete de Cloudflare confirma que los usuarios de su formulario son humanos reales que visitan su sitio, no spammers ni bots, sin necesidad de que los usuarios completen acertijos.

WPForms es el mejor complemento de WordPress Form Builder. ¡Consíguelo gratis!

Además, ¡es gratis!

Cloudflare Turnstile agrega otra capa de seguridad a sus formularios de WordPress, donde puede encontrar la mayor parte del spam. Y con este widget, tiene todo tipo de opciones de personalización dentro de su configuración, por lo que obtiene el tipo de seguridad que desea.

El proceso para habilitar Cloudflare Turnstile en WordPress es simple y le mostraremos cómo hacerlo en 6 pasos.

Cómo agregar CAPTCHA de torniquete de Cloudflare a sus formularios

En este articulo

  • 1. Instalar y activar WPForms
  • 2. Configure el torniquete de Cloudflare en WPForms
  • 3. Agrega tu sitio en Cloudflare
  • 4. Agregue claves API a WPForms
  • 5. Configurar ajustes adicionales
  • 6. Agregue un torniquete de Cloudflare a un formulario

1. Instalar y activar WPForms

Primero, necesita WPForms instalado y activado en su tablero de WordPress.

Puede descargar el complemento directamente desde nuestro sitio WPForms, donde elegirá el plan y la licencia que mejor se adapte a sus necesidades.

The WPForms website

Para obtener más orientación sobre la descarga e instalación del complemento WPForms, consulte nuestro tutorial completo sobre el tema.

2. Configure el torniquete de Cloudflare en WPForms

Una vez que tenga WPForms en su tablero de WordPress, debe configurar Cloudflare Turnstile.

Desde su tablero, navegue a WPForms » Configuración . Luego, haga clic en la pestaña titulada CAPTCHA .

Setting up CAPTCHA in WPForms

A continuación, haga clic en el cuadrado Turnstile para seleccionar Cloudflare Turnstile como su método CAPTCHA.

Selecting Turnstile in WPForms CAPTCHA settings

Después de seleccionar Turnstile, deberá crear una nueva cuenta de Cloudflare y generar un conjunto de claves API para conectarlo con WPForms. Cubriremos esto más adelante en el paso #3.

Entonces, por ahora, deje esta pestaña abierta y continúe con el siguiente paso.

3. Agrega tu sitio en Cloudflare

Para agregar su sitio y generar claves API, primero deberá configurar su cuenta de Cloudflare.

Una vez que esté en el panel de control de Cloudflare, desplácese hacia abajo hasta la pestaña Torniquete y haga clic en Agregar sitio .

Adding site in Turnstile settings

Ahora, ingrese el nombre del sitio donde usará Turnstile.

Adding site in Turnstile settings

Pero no se preocupe, el nombre de este sitio no es público, es solo para ayudarlo a identificarlo en su cuenta de Cloudflare.

A continuación, ingrese la dirección de su sitio web en el cuadro denominado Dominio .

Adding domain in Turnstile settings

Y tenga en cuenta que puede agregar varios dominios aquí. Eso significa que puede usar solo un conjunto de claves API en todos los sitios web donde usa Cloudflare Turnstile.

Ahora, decidirá cómo desea que Cloudflare procese las solicitudes de CAPTCHA en los formularios de su sitio web. Puede elegir entre Administrado , No interactivo o Invisible .

Haga su selección en Tipo de widget .

Selecting Turnstile widget type

La opción Administrada permite que Cloudflare decida si mostrar un desafío interactivo o verificar automáticamente al usuario. Cloudflare tomará esta decisión en función de los datos del navegador y la interacción del usuario.

La opción No interactivo mostrará el widget CAPTCHA en la interfaz de su sitio web y no requiere interacción por parte del usuario de su sitio web. Cloudflare ejecutará el desafío y verificará al usuario automáticamente.

Por último, la opción Invisible tampoco requiere la interacción del usuario y simplemente se ejecutará en segundo plano.

Una vez que haya hecho su selección, haga clic en Crear para agregar su opción a su sitio web.

Clicking create in Turnstile settings

Ahora, finalmente puede generar el conjunto único de claves API necesarias para su sitio de WordPress. Al hacer clic en Crear, estas claves se generarán automáticamente.

Entering site keys in Turnstile Settings

Necesitará la clave del sitio y la clave secreta para la configuración de WPForms, así que prepárese para copiarlas y pegarlas en el siguiente paso.

4. Agregue claves API a WPForms

Ahora que tiene las claves API de Cloudflare Turnstile, debe agregarlas a WPForms.

Vuelva a la configuración de WPForms y pegue cada clave en el campo necesario.

Entering site keys in WPForms settings

Ahora, configurará los ajustes de su torniquete de Cloudflare en WPForms.

5. Configurar ajustes adicionales

La primera configuración adicional que puede configurar es el mensaje de error que pueden recibir los usuarios de su formulario. Los usuarios recibirán este mensaje si intentan enviar un formulario sin completar el desafío del torniquete de Cloudflare.

Encontrará esta configuración de mensaje directamente debajo de la clave secreta que ingresó anteriormente. Puede actualizar este mensaje para mostrar lo que desee que reciban sus usuarios.

Updating Turnstile fail message

El siguiente ajuste a configurar en esta página es el estilo del widget.

Hará una selección en el menú desplegable Tipo , eligiendo entre estilo Automático, Claro u Oscuro.

Selecting Turnstile style type

Tenga en cuenta aquí que seleccionar el estilo automático predeterminado cambiará del modo claro al oscuro, según la configuración del usuario del formulario.

A continuación, verá la sección Vista previa de esta página, que le mostrará cómo aparecerá el widget Torniquete de Cloudflare en su sitio web.

Asegúrese de guardar su configuración antes de obtener una vista previa del widget.

Previewing Turnstile settings

Directamente debajo de la configuración de vista previa se encuentran las configuraciones del modo sin conflictos .

El modo sin conflicto elimina cualquier código de torniquete de Cloudflare que WPForms no haya cargado. Si WPForms y su tema de WordPress cargan Cloudflare Turnstile, por ejemplo, es posible que Turnstile CAPTCHA no funcione correctamente.

Si tiene problemas para que Turnstile funcione en su sitio, es posible que deba habilitar esta configuración para solucionar el problema. Sin embargo, no recomendamos activar el Modo sin conflicto a menos que tenga problemas con Turnstile.

Saving Turnstile settings

Ahora, debería poder obtener una vista previa de su widget Cloudflare Turnstile.

Previewing Cloudflare Turnstile widget

¡Y eso es todo para configurar todos los ajustes adicionales! Ahora está listo para agregar el widget a sus formularios.

6. Agregue un torniquete de Cloudflare a un formulario

Con las claves y configuraciones de su sitio configuradas, ahora puede agregar Cloudflare Turnstile a cualquiera de sus formularios nuevos o existentes desde WPForms.

Continúe y acceda al generador de formularios para obtener un formulario nuevo o ya creado para verificar este nuevo campo.

Desplácese por los campos estándar y seleccione el campo Torniquete para arrastrarlo y soltarlo en su formulario.

Selecting Turnstile field in form builder

También puede habilitar o deshabilitar Cloudflare Turnstile para su formulario a través de Settings » Spam Protection and Security .

Updating spam protection settings

Desde aquí, navegue a la sección CAPTCHA y asegúrese de que la opción Activar torniquete de Cloudflare esté activada.

Enabling Cloudflare Turnstile widget

Luego, para verificar que esté habilitado en el generador de formularios, busque la insignia Torniquete en la esquina superior derecha.

Viewing Turnstile badge in form builder

Si no ve la insignia de Turnstile en su creador de formularios, verifique sus claves API de Cloudflare Turnstile. Es posible que se hayan configurado incorrectamente.

¡Todo lo que le queda por hacer ahora es asegurarse de que Cloudflare Turnstile funcione de la manera que desea en sus formularios!

Simplemente envíe una entrada de prueba a su formulario para ver su CAPTCHA de torniquete de Cloudflare.

¡Y eso es! Ahora tiene una capa adicional de seguridad en su sitio de WordPress.

Crea tu formulario de WordPress ahora

A continuación, considere otras alternativas de reCAPTCHA

Cloudflare Turnstile es un gran método alternativo a reCAPTCHA, pero es solo uno de muchos. Para obtener aún más sugerencias sobre cómo proteger su sitio sin usar reCAPTCHA, eche un vistazo a nuestras alternativas favoritas para usar en sus formularios de contacto.

¿Listo para construir tu formulario? Comience hoy con el complemento de creación de formularios de WordPress más fácil. WPForms Pro incluye muchas plantillas gratuitas y ofrece una garantía de devolución de dinero de 14 días.

Si este artículo te ayudó, síguenos en Facebook y Twitter para obtener más tutoriales y guías gratuitos de WordPress.