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.






Suscríbase a
Notificar a
invitado
31 Comentarios
Más antiguo
Más reciente Más votados
Feedbacks de Inline
Ver todos los comentarios
Jeseph
Jeseph
hace 2 años

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

Steve Worrall
Steve Worrall
hace 2 años
Responder a  Elliot Sowersby

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.

Sebastiaan
hace 2 años

¿Existe una opción invisible / oculta - shortcode?

Alejandro Lengua
hace 2 años

¿Cuál es la versión mínima de wordpress necesaria para ejecutar este plugin?

Ronald Heijnes
hace 2 años

¡Gracias por este gran plugin!
¿Es posible añadir soporte para Simple Giveaways?

Fabian
Fabian
hace 2 años

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.

Fabian
Fabian
hace 2 años

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.

Graham
Graham
hace 4 meses
Responder a  Fabian

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

Brad Franklin
hace 2 años

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?

Simon
hace 2 años

Gran plugin, ¡muchas gracias! ¿Está previsto el soporte para WooCommerce Product Vendors?

Chris
Chris
hace 2 años

¿Algún plan para incluirlo en el formulario de contacto integrado de Divi?

Tilen
Tilen
hace 2 años

¿Piensan apoyar de algún modo los formularios Piotnet?

Jay H
Jay H
hace 2 años

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?

Hans
Hans
hace 2 años

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?

EJ Schenck
EJ Schenck
hace 2 años

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?

Rogier
Rogier
hace 1 año

Realmente un gran plugin, gracias. La única cosa es, para mí la función de mensaje de error personalizado no parece funcionar.

Aivaras
hace 1 año

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

Oliver
Oliver
hace 7 meses

¿Se puede parchear este plugin para que admita nuestro propio formulario?

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