Cómo agregar Captcha a WordPress en 10 minutos (método de complemento gratuito)

Publicado: 2024-01-10

¿Quiere agregar CAPTCHA a su sitio de WordPress para detener el spam?

Los spammers utilizan scripts automatizados para inundar su sitio con comentarios, registros u otros envíos de formularios spam. CAPTCHA puede ayudar a prevenir esto al probar si el usuario es un humano o un bot.

En este tutorial paso a paso, le mostraremos cómo agregar CAPTCHA a su sitio fácilmente. Nos hemos ocupado de evitar la codificación y cualquier jerga y hacer que esto sea lo más amigable posible para principiantes. Primero, veamos qué es CAPTCHA y qué necesitarás para este tutorial.

¿Qué es CAPTCHA?

Antes de que un usuario pueda enviar un formulario o comentario, CAPTCHA le presenta un desafío para demostrar que es humano.

Por lo general, esto se presenta en forma de texto, imágenes o acertijos distorsionados, que son fáciles de resolver para un humano pero difíciles para los robots de spam automatizados. El usuario debe dar la respuesta correcta al desafío para demostrar que es humano.

Tipos de captcha

Actúa como una capa adicional de seguridad para su página de inicio de sesión, formularios y formularios de comentarios.

Esto es especialmente importante para los sitios de membresía y WooCommerce donde los clientes necesitan iniciar sesión en su cuenta. Los piratas informáticos suelen utilizar un método llamado ataques de fuerza bruta en el que un robot automatizado intentará miles de combinaciones de nombres de usuario y contraseñas para adivinar los detalles de inicio de sesión de las cuentas.

Con la protección CAPTCHA, los bots no podrán realizar este tipo de ataques. Por lo tanto, ayuda a mantener seguros los datos del cliente y sus cuentas protegidas de los piratas informáticos.

Ahora, existen algunas formas de agregar protección CAPTCHA a su sitio. Sin embargo, algunos de ellos son realmente complejos. Queremos que esto sea lo más sencillo posible para usted.

La forma más fácil y gratuita de crear formularios protegidos contra spam en WordPress es utilizando WPForms.

Creador de formularios WPForms para WordPress

WPForms es el mejor complemento de creación de formularios de WordPress que facilita la creación de cualquier formulario que necesite para su sitio web.

Cada formulario que cree viene con protección contra spam incorporada. Además, es relativamente fácil agregar CAPTCHA a sus formularios haciendo clic en algunos botones.

WPForms es compatible con Google reCAPTCHA y las 3 versiones proporcionadas en él:

  • v2 Casilla de verificación reCAPTCHA : solicita a los usuarios que marquen una casilla para demostrar que son humanos.
  • v2 Invisible reCAPTCHA : utiliza tecnología avanzada para detectar usuarios humanos sin requerir ninguna entrada.
  • v3 reCAPTCHA : utiliza un sistema de puntuación detrás de escena para detectar tráfico abusivo y le permite decidir la puntuación mínima para aprobar. Recomendado solo para uso avanzado (o si usa Google AMP).

También puede conectar su sitio a hCAPTCHA y CloudflareTurnstile.

Aparte de esto, WPForms viene con más de 1300 plantillas para publicar formularios en su sitio en minutos. Además, obtienes un generador visual de arrastrar y soltar para personalizar los formularios según tus necesidades.

Ahora WPForms viene en una versión gratuita y pro. En la versión gratuita, puede conectarse a Stripe para pagos y a Constant Contact para correos electrónicos.

La versión pro te brinda acceso a potentes funciones como:

  • Lógica condicional inteligente
  • Validación de campo
  • Formularios de varias páginas
  • Gestión de entrada de formulario
  • Notificaciones de formulario instantáneas
  • Plataformas de pago como PayPal, Authorize.net y Square
  • Integraciones de correo electrónico con Drip, AWeber, Brevo y más

También viene con toneladas de complementos para que pueda habilitar las funciones que necesite, como formularios conversacionales, geolocalización, encuestas y sondeos, carga de archivos, abandono de formularios y casillero de formularios.

Comience con WPForms aquí »

Siga los tutoriales en vídeo aquí »

Ahora que tenemos claro por qué elegimos WPForms para agregar CAPTCHA, vayamos directamente al tutorial.

¿Cómo agregar CAPTCHA a un formulario de WordPress?

Paso 1: Obtenga las claves reCAPTCHA de Google

Para este tutorial, le mostraremos cómo agregar Google reCAPTCHA gratuito a su sitio. Lo primero que necesitará son sus claves API reCAPTCHA.

Para crear estas claves, debe dirigirse al sitio web de reCAPTCHA y hacer clic en 'Consola de administración v3'.

Consola de administración v3 en Google Recpatcha

Es posible que tengas que iniciar sesión en tu cuenta de Google si aún no lo has hecho en tu navegador.

Ahora se abrirá una nueva página donde verás un campo de formulario para agregar una etiqueta para el reCAPTCHA que estás creando. Debajo de eso, puede seleccionar la versión de reCAPTCHA que desea agregar a su sitio.

Puedes elegir entre estas opciones:

    • Basado en puntuación
    • Desafío
      • Casilla de verificación 'No soy un robot'
      • Insignia reCAPTCHA invisible

Elija el tipo de Google Recaptcha

Una vez que haya elegido el que desea, debe agregar su nombre de dominio y presionar el botón "Enviar" .

Debería ver una página de éxito junto con la clave de su sitio y la clave secreta que Google ha generado para usted.

Copiar sitio y clave secreta en Google

Copie estas claves y manténgalas listas para más adelante. Ahora instalemos WPForms en su sitio.

Paso 2: agregue WPForms a su sitio

Para conectar su sitio web al Google reCAPTCHA que creó, usaremos WPForms.

Primero, debe instalar y activar WPForms en su sitio. En su administrador de WordPress, diríjase a la página Complementos »Agregar nuevo . Busque 'WPForms' y haga clic en el botón 'Instalar ahora'. Luego active el complemento.

Instalar WPForms en WordPress

Esto le proporciona la versión gratuita de WPForms. Si desea la versión pro, diríjase al sitio web de WPForms y regístrese para obtener un plan. Luego obtendrá acceso a su propia cuenta donde podrá descargar el complemento WPForms pro. También recibirá una clave de licencia que deberá copiar.

Clave de licencia de WPForms

Simplemente cargue el archivo del complemento en la página Complementos »Agregar nuevo» Cargar complemento .

Cómo subir un complemento en WordPress

Una vez que se activa WPForms, puede agregar su clave de licencia en la página de configuración del complemento. Verifique la clave y su licencia estará activa.

Licencia de WPForms

Puede comenzar a crear sus formularios ahora, pero primero conectaremos rápidamente Google reCAPTCHA a WPForms.

Paso 3: conecte WPForms y reCAPTCHA

En la página Configuración de WPForms, cambie a la pestaña CAPTCHA .

Verás opciones para configurar hCaptcha, reCAPTCHA, Turnstile o desactivarlo.

Elegiremos reCAPTCHA.

Captcha de WPForms

Ahora puedes elegir qué tipo de CAPTCHA quieres usar. La casilla de verificación requiere que el usuario marque una casilla que demuestre que es humano.

Sin embargo, si no desea alterar la experiencia del usuario en su sitio, opte por Invisible reCAPTCHA. Esto verifica si el usuario es humano sin requerir que se haga nada por su parte.

Tenga en cuenta que CAPTCHA no afecta directamente al SEO (optimización de motores de búsqueda), especialmente en las páginas de inicio de sesión, secciones de comentarios y formularios. Sin embargo, ocultar contenido detrás de captchas podría afectar la experiencia del usuario y, por tanto, afectar al SEO.

Después de elegir el tipo de CAPTCHA que desea, debajo de eso, puede pegar la clave del sitio y la clave secreta que creó anteriormente.

Modo sin conflicto en WPForms

Eso es todo. Guarde la configuración y pasemos a agregarla a los formularios de su sitio web.

Paso 4: cree un formulario habilitado para CAPTCHA

WPForms es conocido popularmente como el mejor y más fácil complemento de formulario de contacto; sin embargo, le permite crear cualquier tipo de formulario que necesite para su sitio, incluido el formulario de contacto, el formulario de registro, el formulario de inicio de sesión, el formulario de contraseña, el registro de eventos, la suscripción al boletín informativo, formularios de compra y más.

En su panel de WordPress, vaya a WPForms »Agregar nuevo para crear un nuevo formulario. También puede editar un formulario existente si ya tiene uno.

Verás una biblioteca de plantillas. Primero, agreguemos un nombre para el formulario en la parte superior. Luego puedes usar la barra de búsqueda para filtrar plantillas de formulario y encontrar lo que necesitas más rápido.

Elegiremos la plantilla Formulario de contacto simple.

Agregar plantilla de formulario de contacto en WPForms

Cuando seleccione una plantilla, se abrirá el generador de arrastrar y soltar. Verá una vista previa de su formulario a la derecha y opciones de edición a la izquierda.

Esto le permite editar su formulario visualmente como aparecería cuando esté activo en su sitio.

Para agregar nuevos campos, simplemente seleccione el que desee a la izquierda y arrástrelo y suéltelo en la vista previa de su formulario.

Editor de arrastrar y soltar de WPForms

En la versión gratuita, puedes agregar campos como una sola línea, párrafo, menú desplegable, opción múltiple, nombre, correo electrónico y más. También obtienes el campo reCAPTCHA de Google.

La versión pro te brinda acceso a campos avanzados como teléfono, fecha/hora, carga de archivos, contraseña, escala Likert, firma y captcha personalizado.

Ahora habilitemos reCAPTCHA en este formulario haciendo clic en el campo del formulario reCAPTCHA en la sección Campos estándar.

reCAPTCHA en WPForms

Al hacer clic en él, verá aparecer un mensaje que dice "Se ha habilitado Google Checkbox V2 reCAPTCHA para este formulario". ¡No olvides guardar tu formulario!'

Recaptcha habilitado en WPForms

También verá que la vista previa del formulario tiene una insignia habilitada para reCAPTCHA .

Captcha en WPForms

No hay nada más que necesites hacer aquí. Guarde los cambios haciendo clic en el botón "Guardar" en la esquina superior derecha de la pantalla. Ahora es el momento de agregar el formulario a su sitio web y WPForms hace que este proceso sea realmente fácil.

Paso 5: publique el formulario CAPTCHA en su sitio

Puede agregar su formulario habilitado para CAPTCHA a cualquier página, publicación o área lista para widgets, como una barra lateral o un pie de página.

Agreguémoslo a una nueva publicación en WordPress. Abra una nueva publicación usando el editor de bloques. Agregue un nuevo bloque y busque 'WPForms'. Verás que hay un bloque dedicado disponible.

Esto agregará una sección de WPForms a su página donde podrá elegir el formulario que creó en un menú desplegable.

Agregar WPFforms en el editor de bloques

Cuando seleccione el formulario, aparecerá una vista previa del formulario en la pantalla de posedición.

Una vez que haya guardado o publicado la página, verá un formulario en su sitio con la casilla de verificación CAPTCHA antes del botón "Enviar".

Ejemplo de formulario captcha

¡Eso es todo! Ha agregado exitosamente CAPTCHA a su sitio web de WordPress.

Esperamos que este tutorial te haya resultado útil. Si está buscando una solución CAPTCHA dedicada, consulte nuestra revisión de los mejores complementos CAPTCHA de WordPress. Analizamos en detalle los complementos de WordPress como CAPTCHA 4WP, Really Simple Captcha y el complemento Login No Captcha reCAPTCHA.

Para controlar el spam en la sección de comentarios, le recomendamos consultar nuestro curso completo de WordPress101, donde aprenderá a gestionar comentarios y discusiones.

Ahora, WPForms es un creador de formularios versátil. Puede continuar usando WPForms para crear todo tipo de formularios para su sitio. Y ahora que ya ha habilitado la funcionalidad CAPTCHA de Google, puede usar CAPTCHA en cada formulario que cree simplemente haciendo clic en 1 botón dentro del generador de WPForms.

Puede crear formularios personalizados de inicio de sesión y registro de WordPress, e incluso personalizar el botón de envío. Cada formulario que cree puede utilizar la misma protección CAPTCHA que configuró.

Para aprovechar al máximo este poderoso creador de formularios, consulte nuestro curso tutorial en video:

Detalles del curso WPForms 101 »