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

Resumir:ChatGPTPerplexity

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

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

Soluciona tus correos 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 lo hacen herramientas como hCaptcha y Google reCAPTCHA.

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

Muchos argumentan que mejora la experiencia del usuario porque no se ven ralentizados al identificar imágenes en los CAPTCHAs.

No necesita ser cliente de Cloudflare para usar este servicio. Cualquier propietario de sitio puede registrarse gratis.

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

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

Paso 1: Descargar y configurar WPForms

La página de inicio de WPForms

Para este tutorial, necesitará tener WPForms instalado en su sitio web de 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 tu sitio web, abre una nueva pestaña o ventana y ve al sitio web de Cloudflare.

En el sitio de Cloudflare, deberías registrarte para obtener una cuenta o iniciar sesión en una existente si ya la tienes. Ten en cuenta que tener una cuenta en Cloudflare es gratuito.

Una vez que hayas iniciado sesión y estés viendo tu panel de control de Cloudflare, selecciona la opción Turnstile en el menú de la barra lateral derecha y luego haz clic en Añadir sitio.

Añadir un sitio a Cloudflare Turnstile

A continuación, introduce un nombre de sitio. Esto es solo para uso interno.

Introducir un nombre de sitio en Cloudflare Turnstile

Después de eso, introduce la URL de tu sitio web en el campo Dominio.

Añadir un dominio de sitio web a Cloudflare Turnstile

Ten en cuenta que puedes introducir varios dominios aquí y usar un único conjunto de claves API en todos ellos.

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

Hay 3 opciones: gestionado, no interactivo e invisible

Seleccionar opciones de tipo de widget en Cloudflare Turnstile

  • Gestionado: Esta opción permite a Cloudflare utilizar la información del visitante para determinar si debe mostrar un desafío interactivo o verificar automáticamente basándose en 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 desafío de ninguna manera. Solo ven un widget con una barra de carga mientras se ejecuta el desafío del navegador para verificar al usuario.
  • Invisible: Esta opción se ejecuta de forma invisible en segundo plano y no requiere ninguna interacción por parte del usuario.

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

Haz clic en el botón azul Crear

Hacer esto generará un conjunto único de claves API.

Claves API en Cloudflare Turnstile

Mantén estas abiertas en esta pestaña o ventana y regresa a la pestaña o ventana que contiene tu panel de control de WordPress y tu 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 tu cuenta.

Desde tu panel de control de WordPress, haz clic en WPForms » Ajustes. Luego selecciona la pestaña CAPTCHA. Aquí es donde reside la conexión de Cloudflare Turnstile.

Navegar a la configuración de CAPTCHA en WPForms

A continuación, selecciona Turnstile de las opciones proporcionadas.

Seleccionar Turnstile de las opciones

Debajo de eso, necesitarás introducir la Clave del Sitio y la Clave Secreta para conectar tu cuenta de Cloudflare a WPForms y prevenir el spam en los formularios.

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

Introducir la clave de sitio y la clave secreta de Cloudflare en WPForms

Una vez que hayas introducido ambas claves, puedes configurar ajustes adicionales.

Mensaje de fallo

Configurar el mensaje de error en WPForms

En este ajuste, puedes personalizar el mensaje que verán los usuarios si fallan el proceso de verificación.

Tipo

Establecer el tipo para tu widget de Cloudflare

Los ajustes de Tipo te permiten elegir entre oscuro, claro o automático para determinar la apariencia del widget de Cloudflare en tu formulario. Si seleccionas automático, alternará en función de la configuración del dispositivo de los usuarios.

Vista previa y modo sin conflictos

Acceder a la vista previa y habilitar el modo sin conflictos en WPForms

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

Debajo de eso está el Modo sin conflictos. Si Cloudflare Turnstile o alguna de las opciones de CAPTCHA se carga varias veces en tu sitio, puede presentar problemas que impidan que tu opción anti-spam funcione correctamente.

Un ejemplo de esto es si WPForms y el tema de tu sitio están usando Turnstile.

Si seleccionas el Modo sin conflictos, eliminará automáticamente el código de Turnstile que no sea cargado por WPForms.

Si no estás seguro o no te sientes cómodo tomando esa decisión, ponte en contacto con el equipo de soporte y ellos podrán ayudarte a responder tus preguntas.

Una vez que hayas hecho eso, haz clic en el botón Guardar configuración.

Guardar la configuración de Turnstile en WPForms

Después de eso, deberías poder ver la vista previa de tu widget Turnstile y cómo aparecerá a los usuarios.

Después de guardar la configuración, puedes previsualizar tu widget Turnstile

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

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

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

Al entrar en el constructor de formularios, ahora deberías ver una opción de Turnstile en los Campos estándar. Usa esta opción para añadir Turnstile a tu formulario.

El campo Turnstile aparecerá en la sección Campos estándar del constructor de formularios

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

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

Desde allí, usa el interruptor para habilitar o deshabilitar Turnstile para ese formulario en particular.

Usa el interruptor para habilitar o deshabilitar Turnstile en tu formulario

Ten 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 tu formulario que muestre Turnstile. Más bien, una vez que Turnstile esté correctamente habilitado en el formulario, verás una insignia en la esquina superior derecha del constructor de formularios.

La insignia en la esquina superior derecha indica que Turnstile está habilitado en tu formulario.

Cuando tu formulario esté completo, publícalo para que puedas realizar una prueba y asegurarte de que está en funcionamiento.

Paso 5: Probar Cloudflare Turnstile

¡Lo único que queda por hacer es probar tu trabajo! Para asegurarte de que todo funciona como esperas, simplemente envía una entrada a tu formulario.

Si deseas más información sobre cómo probar tus formularios, consulta esta lista de verificación completa para probar formularios.

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

¿Te preguntas cómo asegurarte de que los correos electrónicos que envías desde WordPress lleguen a donde deben? Consulta nuestro artículo sobre mejores prácticas para la entregabilidad de correos electrónicos en WordPress.

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

Soluciona tus correos de WordPress ahora

¿Listo para arreglar tus correos? Empieza hoy con el mejor plugin SMTP de WordPress. Si no tienes tiempo para arreglar tus correos, 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.

Divulgación: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Descubre cómo se financia WPForms, por qué es importante y cómo puedes apoyarnos.

Renee DeCoskey

Renee DeCoskey ha estado escribiendo en blogs desde 2001 y usando WordPress desde 2007. Cuando no está escribiendo sobre plugins de WordPress, puedes encontrarla acurrucada con un libro o divirtiéndose en Rotary. Aprende más

Prueba nuestro plugin gratuito WP Mail SMTP

Utiliza tu proveedor SMTP favorito para enviar tus correos electrónicos de WordPress de forma fiable.