Cómo añadir Cloudflare Turnstile a los formularios de WordPress [Alternativa CAPTCHA].

¿Busca añadir mayor seguridad a sus formularios de WordPress? Con la introducción de Cloudflare Turnstile en WPForms, los formularios de WordPress son más seguros.

En esta entrada, le mostraremos lo rápido y fácil que es configurar Cloudflare Turnstile en su sitio de WordPress.

Arregle sus correos electrónicos de WordPress ahora

¿Qué es Cloudflare Turnstile?

Cloudflare Turnstile es una alternativa CAPTCHA que elimina la necesidad de que los usuarios identifiquen imágenes como hacen herramientas como hCaptcha y Google reCAPTCHA.

Mantiene sus formularios libres de spam rotando silenciosamente los desafíos del navegador y ejecutando desafíos JavaScript no interactivos.

Muchos sostienen que mejora la experiencia del usuario porque no se ve ralentizado por la identificación de imágenes en los CAPTCHA.

No es necesario ser cliente de Cloudflare para utilizar este servicio. Cualquier propietario de un sitio web puede registrarse gratis.

Cómo añadir Cloudflare Turnstile a los formularios de WordPress

Ahora que conoce un poco esta alternativa CAPTCHA, veamos cómo puede configurar Cloudflare Turnstile para proteger los formularios de su sitio WordPress.

Paso 1: Descargar e instalar WPForms

La página de inicio de WPForms

Para este tutorial, necesitará tener instalado WPForms en su sitio web WordPress.

Si necesitas ayuda con este paso, consulta esta guía paso a paso para instalar un plugin de WordPress.

Paso 2: Crear y configurar una cuenta de Cloudflare

El sitio web de Cloudflare

Después de activar WPForms en su sitio web, abra una nueva pestaña o ventana y vaya al sitio web de Cloudflare.

En el sitio de Cloudflare, debe registrarse para obtener una cuenta o iniciar sesión en una existente si la tiene. Tenga en cuenta que tener una cuenta en Cloudflare es gratuito.

Una vez que haya iniciado sesión y esté viendo su panel de control de Cloudflare, seleccione la opción Turnstile en el menú de la barra lateral derecha y, a continuación, haga clic en Añadir sitio.

Añadir un sitio a Cloudflare Turnstile

A continuación, introduzca un nombre para el sitio. Esto es sólo para uso interno.

Introducir un nombre de sitio en Cloudflare Turnstile

A continuación, introduzca la URL de su sitio web en el campo Dominio.

Añadir un dominio de sitio web a Cloudflare Turnstile

Tenga en cuenta que aquí puede introducir varios dominios y utilizar un único conjunto de claves API para todos ellos.

El último paso en la configuración en el sitio de Cloudflare es seleccionar un tipo de widget. Con estas opciones, tiene la posibilidad de elegir cómo Cloudflare debe procesar las solicitudes CAPTCHA.

Hay 3 opciones: gestionado, no interactivo e invisible

Selección de opciones de tipo de widget en Cloudflare Turnstile

  • Gestionado: Esta opción permite a Cloudflare utilizar la información del visitante para determinar si mostrar un desafío interactivo o verificar automáticamente en función de los datos del navegador. El único desafío interactivo que muestra es una casilla de verificación. Sin imágenes ni texto.
  • No interactivo: El usuario no interactúa con este reto de ninguna manera. Sólo ve un widget con una barra de carga mientras se ejecuta el reto del navegador para verificar al usuario.
  • Invisible: Esta opción se ejecuta en segundo plano y no requiere interacción por parte del usuario.

Después de seleccionar el tipo de widget, haz clic en el botón Crear.

Pulse el botón azul Crear

Al hacerlo, se generará un conjunto único de claves API.

Claves API en Cloudflare Turnstile

Manténgalos abiertos en esta pestaña o ventana y vuelva a la pestaña o ventana que contiene su panel de WordPress y su cuenta de WPForms.

Paso 3: Configurar Cloudflare Turnstile en WPForms

Ahora es el momento de pegar la clave del sitio y la clave secreta en WPForms para conectar su cuenta.

Desde su panel de WordPress, haga clic en WPForms " Configuración. A continuación, seleccione la pestaña de CAPTCHA. Aquí es donde vive la conexión Cloudflare Turnstile.

Navegando a la configuración de CAPTCHA en WPForms

A continuación, seleccione Torniquete entre las opciones proporcionadas.

Seleccione Torniquete en las opciones

A continuación, tendrá que introducir la clave del sitio y la clave secreta para conectar su cuenta de Cloudflare a WPForms para evitar el spam de formularios.

Copie estos valores exactamente desde su otra pestaña con su cuenta de Cloudflare abierta, y péguelos en la configuración de Turnstile en WPForms.

Ingresando su Clave del Sitio y Clave Secreta de Cloudflare a WPForms

Una vez introducidas ambas claves, puedes configurar ajustes adicionales.

Mensaje de error

Configuración del mensaje de error en WPForms

En esta configuración, puede personalizar el mensaje que verán los usuarios si no superan el proceso de verificación.

Tipo

Configuración del tipo de widget de Cloudflare

La configuración de Tipo te permite elegir entre oscuro, claro o automático para determinar la apariencia del widget de Cloudflare en tu formulario. Si seleccionas automático, cambiará en función de la configuración del dispositivo del usuario.

Vista previa y modo sin conflicto

Acceder a la vista previa y activar el Modo Sin Conflicto en WPForms

Después de actualizar el Tipo, verás una sección con una vista previa del widget. Tenga en cuenta que esto se actualizará después de guardar la configuración.

Debajo está el Modo Sin Conflicto. Si Cloudflare Turnstile o cualquiera de las opciones CAPTCHA se carga varias veces en su sitio, puede presentar problemas que impidan que su opción antispam funcione correctamente.

Un ejemplo de esto es si WPForms y el tema de su sitio utilizan Turnstile.

Si selecciona No-Conflict Mode, se eliminará automáticamente el código Turnstile que no es cargado por WPForms.

Si no estás seguro o no te sientes cómodo haciendo esa llamada, ponte en contacto con el equipo de asistencia y ellos te ayudarán a resolver tus dudas.

Una vez hecho esto, haz clic en el botón Guardar configuración.

Guardar la configuración de Turnstile en WPForms

Después de eso, usted debería ser capaz de ver la vista previa de su widget Turnstile y cómo se mostrará a los usuarios.

Después de guardar la configuración, puede previsualizar su widget Turnstile

Paso 4: Añadir Cloudflare Turnstile a un formulario en WPForms

Sus claves están configuradas, y su cuenta de Cloudflare está vinculada a WPForms. El siguiente paso es crear un formulario para probarlo.

Para ello, abra WPForms en WordPress. Puede crear un nuevo formulario o trabajar con uno existente.

Al entrar en el constructor de formularios, ahora debería ver una opción de Torniquete en los Campos Estándar. Utilice esta opción para añadir Turnstile a su formulario.

El campo Torniquete aparecerá en la sección Campos estándar del generador de formularios

Una vez que Turnstile está activado para el formulario, puede desactivarlo y volver a activarlo fácilmente si es necesario. Para ello, vaya a Configuración " Protección contra spam y seguridad.

Para activar o desactivar Turnstile, vaya a Protección contra spam y seguridad en la configuración de WPForms.

A partir de ahí, utilice el conmutador para activar o desactivar Turnstile para ese formulario en particular.

Utilice el conmutador para activar o desactivar Turnstile en su formulario

Tenga en cuenta que, a pesar de que la opción Turnstile aparece en la sección Campos estándar, no habrá un campo específico en su formulario que muestre Turnstile. Más bien, una vez que Turnstile esté correctamente habilitado en el formulario, verá una insignia en la esquina superior derecha del constructor de formularios.

El distintivo en la esquina superior derecha indica que Turnstile está activado en su formulario.

Cuando el formulario esté completo, publícalo para poder realizar una prueba y asegurarte de que funciona correctamente.

Paso 5: Probar Cloudflare Turnstile

Lo único que te queda por hacer es probar tu trabajo. Para asegurarte de que todo funciona como esperas, sólo tienes que enviar una entrada a tu formulario.

Si desea obtener más información sobre la comprobación de formularios, consulte esta lista de comprobación completa.

A continuación, mejore la capacidad de entrega de su correo electrónico

¿Te preguntas cómo asegurarte de que los correos electrónicos que envías desde WordPress llegan a su destino? Echa un vistazo a nuestro artículo sobre las mejores prácticas para la entrega de correos electrónicos de WordPress.

Y no olvides leer cómo enviar correos electrónicos de prueba desde WordPress para asegurarte de que puedes probar tus correos electrónicos correctamente.

Arregle sus correos electrónicos de WordPress ahora

¿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.

Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPForms, por qué es importante y cómo puede apoyarnos.

Renee DeCoskey

Renee DeCoskey escribe en blogs desde 2001 y utiliza WordPress desde 2007. Cuando no está escribiendo sobre plugins de WordPress, se la puede encontrar acurrucada con un libro o divirtiéndose en Rotary.Más información

Pruebe nuestro plugin gratuito WP Mail SMTP

Utilice su proveedor SMTP favorito para enviar sus correos electrónicos de WordPress de forma fiable.

Active JavaScript en su navegador para rellenar este formulario.