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

Si desea añadir una capa adicional de seguridad a su sitio de WordPress, el nuevo servicio "Turnstile" de Cloudflare es una impresionante alternativa a Google reCAPTCHA, fácil de usar y que preserva la privacidad.

En este artículo, le mostraremos cómo añadir Cloudflare Turnstile a todos los formularios de su sitio web WordPress.

Obtenga sus claves de Cloudflare

En primer lugar, cree una cuenta de Cloudflare en: https://dash.cloudflare.com/sign-up

Una vez creada su cuenta, visite Cloudflare Dashboard, seleccione "Turnstile" en la barra lateral del menú y haga clic en "Añadir sitio".

Cloudflare Turnstile - Panel de control

A continuación, deberás introducir el nombre del sitio, el dominio y seleccionar el tipo de widget.

  • Gestionado (Recomendado): Cloudflare utilizará información del visitante para decidir si se debe utilizar un desafío interactivo. Si muestra una interacción, se pedirá al usuario que marque una casilla (sin imágenes ni texto que descifrar).
  • No interactivo: Un desafío puramente no interactivo. Los usuarios verán un widget con una barra de carga mientras se ejecuta el desafío del navegador.
  • Invisible: Reto que no requiere interacción.
Cloudflare Turnstile - Añadir sitio

Haz clic en el botón "Crear" y recibirás una "Clave del sitio" y una "Clave secreta". Mantenga esta página abierta, ya que necesitará copiarlas más tarde.

Instalar el plugin de WordPress

Ahora querrás seguir adelante e instalar el "Torniquete simple de Cloudflare" en su sitio web.

Para ello, vaya a "Plugins > Añadir nuevo" en el área de administración de WordPress, busque "Simple Cloudflare Turnstile", haga clic en "Instalar" y, por último, haga clic en el botón "Activar" que aparece una vez instalado.

Cloudflare Turnstile - Instalar plugin de WordPress

A continuación, accederá a la página de configuración de Simple Cloudflare Turnstile.

Aquí podrás personalizar varias opciones:

  • Clave del sitio y clave secreta.
  • Tema de widgets (claro u oscuro).
  • Widget Idioma.
  • Modo Apariencia - cuando se establece en Torniquete Widget sólo se muestra en los casos en que se requiere una interacción. Esto esencialmente lo hace "invisible" para la mayoría de los usuarios válidos.
  • Desactive el botón Enviar hasta que el desafío haya finalizado.
  • Mensaje de error personalizado

Más abajo en la página de configuración, verá varias pestañas diferentes en función de los plugins que su sitio tenga instalados. Aquí puede activar Turnstile en los formularios de su sitio web.

Basta con alternar las pestañas y seleccionar la casilla de verificación de cada formulario en el que desee activar Turnstile. También puede haber otros ajustes disponibles para determinadas integraciones.

Por último, cuando inicie por primera vez su "Clave del sitio" o "Clave secreta", o la actualice, se le pedirá que pruebe la respuesta de la API, para asegurarse de que todo funciona correctamente. Simplemente complete el desafío Turnstile y haga clic en "PRUEBA DE RESPUESTA".

Integraciones compatibles

Actualmente puede activar Turnstile en los siguientes formularios:

WordPress

  • Formulario de acceso
  • Formulario de inscripción
  • Formulario de restablecimiento de contraseña
  • Formulario de comentarios

WooCommerce

  • Pedido
  • Pagar el pedido
  • Formulario de acceso
  • Formulario de inscripción
  • Formulario de restablecimiento de contraseña

Plugins de formularios

  • WPForms
  • Formas fluidas
  • Formulario de contacto 7
  • Formularios de gravedad
  • Formas formidables
  • Formularios Forminator

Otras integraciones

  • Formularios Elementor Pro
  • Formularios de Easy Digital Downloads
  • Formularios de Mailchimp para WordPress
  • Formulario de registro BuddyPress
  • bbPress Crear Tema y Responder Formularios
  • Formularios MemberPress
  • Últimos formularios para miembros
  • Formularios WP-Members
  • wpDiscuz Formulario de comentarios
  • WordPress Multisitio

Ejemplo de pantalla

Este es un ejemplo de cómo se verá el desafío Turnstile cuando esté habilitado en su formulario de inicio de sesión de WordPress:

Widget de torniquete de Cloudflare

¿Por qué Turnstile es mejor que reCAPTCHA?

Turnstile es mejor que reCAPTCHA en dos aspectos principales. En primer lugar, no requiere la interacción del usuario, lo que significa que los usuarios no tienen que resolver un rompecabezas o hacer clic en las imágenes, por lo que el proceso es mucho más fácil y amigable.

En segundo lugar, es una gran mejora en términos de privacidad, ya que los datos enviados por reCAPTCHA a Google se utilizan para la segmentación publicitaria, mientras que Cloudflare Turnstile afirma que "nunca recopilará datos para la reorientación publicitaria".

Para obtener más información sobre Cloudflare Turnstile, pulse aquí.


¿Quiere mejorar el rendimiento de su sitio web y pasar menos tiempo preocupándose por él? Consulte hoy mismo nuestros planes de cuidado de WordPress.






31 comentarios sobre “How to add Cloudflare Turnstile to WordPress Forms

  1. ¡Impresionante ver que se volvió (sin juego de palabras) esto tan rápidamente! ¿Hay soporte para activar Turnstile sólo en determinados formularios Gravity?

    1. ¡Gracias Jeseph!

      Sí, con Gravity Forms tienes que seleccionar la opción para habilitarlo en todos tus formularios, pero luego debajo de eso hay un campo para introducir IDs de formularios en los que no quieres que se muestre Turnstile, si es necesario.

      1. No estoy viendo ninguna manera de activar Turnstile para Gravity Forms. Estoy corriendo multisitio y tienen formas de gravedad red activada y no hay ajustes que aparecen en cualquiera de los menús gf o en la configuración del plugin torniquete. Gracias.

    1. No hay ningún problema. Por el momento, sólo tenemos previsto añadir compatibilidad con los plugins de formularios más grandes y populares, pero lo tendremos en cuenta en el futuro.

  2. Todo está instalado y configurado correctamente, pero no ocurre nada cuando hago clic en el botón "Probar respuesta API". La página simplemente se recarga y muestra el mismo mensaje "Mensaje "Almost done...". También después de borrar LSCache.

  3. Por favor, ignore mi comentario anterior. Esto fue causado por la Política de Seguridad de Contenidos de mi servidor. Añadí Cloudflare a la lista y conseguí que funcionara. Gracias.

    1. Fabian
      Tengo el mismo problema, excepto que su solución está por encima de mi nivel de habilidad. El sitio se ejecuta en un servidor nginx. ¿Sabes cómo y dónde puedo añadir Cloudfare a la lista. Cualquier consejo será bienvenido. Graham

  4. Simple Cloudflare Turnstile Plugin - Cloudflare Turnstile no funciona con Cloudways staging site. No hay manera de añadir cloudwaysapp-com como "un nuevo sitio" en la sección de Cloudflare Turnstile como la url del sitio es xxxxx.cloudwaysapp-com; por lo tanto, obtener error y no puede acceder a la puesta en escena a través de Wp-admin redirigir 

    ¿Alguien se ha encontrado con esto y ha encontrado una solución?

  5. Sería genial si pudieras ampliar esta documentación para cubrir la configuración relacionada con woocommerce como omitir métodos de pago, pero lo más importante, el widget de ubicación desplegable en el checkout de woocommerce.

    ¿Cuáles son las consecuencias de elegir cualquiera de estos lugares?

    1. Gracias por la información. Quizá añadamos documentación más avanzada para el plugin en el futuro.

      Realmente no hay ramificaciones en la ubicación para el formulario en la configuración de integración de WooCommerce. Es principalmente sólo su propia preferencia o qué posición funciona mejor con su propio tema.

  6. Hola! Gran plugin para mi blog de WordPress, funciona perfectamente con el tema por defecto de WordPress. Solía tener cientos de comentarios por semana no deseados automáticamente gracias a Akismet, pero contaminando mi base de datos. ¡Ahora ya no es el caso! ¡No se ha añadido ni uno solo desde hace varias semanas!
    Pero aquí está mi problema: No funciona con mi tema personalizado, Simple Cloudflare Turnstile no se llama. ¿Cómo hacer que funcione? ¿Cuál es el código PHP o js que permiten otros temas por defecto para que Simple Cloudflare Turnstile añadido automáticamente en los formularios de comentarios?

    1. Hola,

      Me alegro de que estés disfrutando del plugin.

      Sí, el plugin no funciona por defecto con formularios personalizados. Solo funciona con las integraciones listadas en la página del plugin.

      Cada formulario personalizado/integración probablemente requiera un código ligeramente diferente para su implementación, ya que también utilizarán diferentes ganchos. Así que es un poco difícil dar una solución única para todos, de lo contrario nos limitaríamos a añadir que el plugin.

  7. Me encanta este plugin, pero tener un problema extraño... Dejé de usar Divi Formulario de contacto (con reCaptcha) y se trasladó a CF7 y su plugin. Tengo un sitio de conseguir cantidades horribles de spam en el formulario de contacto ahora y parece ser el tráfico de bots.

    1) ¿La opción "Activar en todos los formularios CF7" supone alguna diferencia si se añade el shortcode al formulario de todos modos?

    2) ¿Cuál es la forma más fácil de establecer la sensibilidad? ¿Está ligada al nivel de seguridad en Cloudflare o hay otro factor?

    1. Hola,

      Gracias por sus comentarios.

      Si usted está usando la opción "Habilitar en todos los formularios CF7" querrá no usar el shortcode en ningún formulario. La opción se agregará a todas sus formas, por lo que el código corto no es necesario.

      No hay manera de establecer la sensibilidad de Turnstile, esto es completamente gestionado por Cloudflare y creo que es completamente independiente de cualquier configuración de seguridad que haya establecido en Cloudflare. Los únicos ajustes disponibles son los disponibles en Cloudflare al añadir su sitio para obtener claves de API.

  8. ¡Muchas gracias por el plugin! Está bien concebido, es económico y, lo que es más importante, funciona. Por favor, considere lo siguiente como posibles vías de mejora:

    1. Añadir una opción de tema por formulario. Justificación: las páginas web pueden ser diferentes en cuanto a claridad y oscuridad, al igual que el backend y el frontend de WordPress. Sería genial tener la opción de adaptar el torniquete a un formulario o página específica.
    2. Añadir soporte para Formularios WP Zoom. Justificación: Este plugin de formularios circula mucho porque se incluye con los temas de WP Zoom.

    Le deseo lo mejor.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


código web softwareprogramación webprogramacióndatos binarioscódigo de programaciónweb-1fotobusque encandadoideacorreo electrónicodominiometaobjetivo-1 tienda en línea televisiónordenadormonitor computación en nubecomputación en nube-1estadísticascodificacióndatos ordenador-1colectivocontenidodiseñoir de comprasayuda pregunta soporte técnicoatención al clientesoportesirena errorvelocímetrovelocidad rendimiento velocímetro-1velocímetro-2velocímetro-3resultado crecimiento actualizacióncomputación en nube-2base de datosinicio análisis equipo análisis-1 medalla receptivo receptivo-1 enchufe cierreencender ekg-monitorservidornube mundoglobala2latido del corazónlatido-1 rayocomo como-1escudo secure-shieldsin paradasno-entry-signcortafuegoscortafuegos-1escudo-1 seguroacceso denegadocontraseñacontraseña de accesoseguridadregístrese enbloquesslcierrecodificaciónantivirusantivirus-1error-1 bug-2seguro confíe encohete fuegos artificiales tienda de regalostiendabancobanco-1banco-2standempresatienda-1corretajebanco-3 negocios y finanzasbanco-4 negocios y finanzas-1 banco-5 banco-6 banco-7 arquitectura y ciudadtienda-cafetería-restaurante-café-edificiocafécafetería-cafetería-restaurante-edificiousuariobanco-8café-1negocios y finanzas-2ramaarquitectura y ciudad-1tiendatienda-1codificación-1 tienda-2computación en nube-3servidor-1servidor-2servidor-3nube-1 servidor-4 servidor-5computación en nube-4nube-2computación en nube-5computación en nube-6seguridad-1nube-3nube-4copia de seguridad nube-5seguridad-2nube-6 servidor-6nube-7informacióninfo-1cronómetrovelocidad-1 usuario-1 usuario-2usuario-3 usuario-4 inicio de sesiónconversación empresa-1cargandowordpress ordenador-2 ordenador-3 optimizaciónordenador-4 hotel ordenador-5 hotel-1 estrella favoritatarjeta de créditoaplicaciónmonitor-1 receptivo-2receptivo-3Responsive-Website-Design-Development-Computersmartphoneconfiguración webaplicaciónmantenimientosalpicadero email-1 comunicacionescomunicaciones-1comunicaciones-2comunicaciones-3debate-temainformaciónpregunta-1encuestaencuesta-1pregunta-2PREGUNTApregunta-3INFOui ui-1 servidor-7nube-8 servidor-8