jueves, marzo 28, 2024
No menu items!
InicioBlogsCómo agregar hCaptcha a los formularios de WordPress (alternativa a reCAPTCHA)

Cómo agregar hCaptcha a los formularios de WordPress (alternativa a reCAPTCHA)

¿Quieres agregar hCaptcha a los formularios de WordPress?

Agregar un Captcha o crear un formulario hCaptcha lo ayuda a combatir los spammers y proteger su sitio web de los piratas informáticos.

En este artículo, le mostraremos cómo agregar hCaptcha a los formularios de WordPress, para que pueda mantener su sitio seguro.

¿Qué es hCaptcha?

hCaptcha es una alternativa popular de reCAPTCHA. Es una herramienta antispam gratuita que protege los sitios de bots, spam y ataques a sitios web.

El término hCaptcha se deriva del término popular “CAPTCHA”.

CAPTCHA significa prueba de Turing pública completamente automatizada para diferenciar las computadoras y los humanos. La carta “H” en hCaptcha denotaba humanos.

hCaptcha funciona de manera similar a reCAPTCHA de Google, pero se centra más en la privacidad del usuario. Su política de privacidad es compatible con regulaciones recientes como GDPR y CCPA.

Si le preocupa la privacidad de su sitio y busca una alternativa de reCAPTCHA, hCaptcha podría ser la herramienta adecuada para usted.

¿Por qué agregar hCaptcha a sus formularios de WordPress?

Veamos algunas razones que podrían ayudarlo a decidir si el servicio hCaptcha es adecuado para su sitio web o no:

  • Proceso de configuración: Crear y configurar una cuenta de hCaptcha es muy fácil. Veremos un proceso completo de registro de hCaptcha en nuestro próximo paso.
  • Mejor privacidad: Algunos propietarios de sitios están más preocupados por su sitio y la privacidad del usuario. Si le preocupa que reCAPTCHA de Google pueda usar sus datos, hCaptcha será una mejor opción para usted.
  • Más efectivo: Se ha demostrado que hCaptcha es más eficaz para detener el spam y los bots. Ofrece varias funciones avanzadas que se pueden utilizar para evitar que los sitios web sean dañados por el spam.
  • Reciba pagos por CAPTCHA: hCaptcha paga una pequeña recompensa cada vez que sus visitantes resuelven desafíos en sus formularios.
  • Servicio Freemium: hCaptcha incluye versiones gratuitas y premium. La versión gratuita tiene muchas funciones que puede utilizar en los formularios de su sitio; sin embargo, si está buscando funciones más avanzadas, como desafíos personalizados y programación de dificultad basada en el tiempo, puede optar por la versión premium.

¿Cómo agregar hCaptcha a los formularios de WordPress?

Habilitar captcha en formularios de WordPress requiere conocimientos previos de HTML, pero el constructor de WPForms viene con la integración de hCaptcha incorporada que le permite agregar hCaptcha a sus formularios de WordPress sin escribir una sola línea de código.

Estos son los pasos que vamos a seguir:

    1. Instalar el complemento WPForms
    2. Seleccione el tipo de hCaptcha en WPForms
    3. Generar claves hCaptcha
    4. Crear un formulario
    5. Agregar bloque hCaptcha al formulario
    6. Prueba hCaptcha

¡Entonces empecemos!

Paso 1: Instale el complemento WPForms

Lo primero que deberá hacer es instalar y activar el complemento WPForms. Si es nuevo en WordPress o tiene alguna dificultad durante el proceso de instalación del complemento, puede consultar la guía paso a paso sobre cómo instalar un complemento de WordPress.

🔥 Leer:  Descarga NikGapps para Android 10, 11, 12, 12.1, 13 ROM personalizadas

Paso 2: seleccione el tipo de hCaptcha en WPForms

Ahora el segundo paso es seleccionar el tipo de hCaptcha de la configuración de WPForms.
Para seleccionar el tipo, vaya a su panel de WordPress y haga clic en WPForms »Configuración.

Pestaña de configuración de WPForms

Se abrirá la página de configuración de WPForms. Aquí verá varias opciones de pestañas. Hacer clic CAPTCHA de las pestañas en la parte superior.

Pestaña CAPTCHA de WPForms

En la página de captcha, verá 2 servicios de captcha populares, hCaptcha, y reCAPTCHA. Deberá hacer clic en el hCaptcha icono.

agregar la opción hCaptcha

Tan pronto como haga clic en el icono, verá la configuración de hCaptcha en la parte inferior. Aquí puede ver los campos para agregar Clave del sitio y Llave secreta para.

Opción de clave de sitio y clave secreta para el tipo hCaptcha

Paso 3: generar claves hCaptcha

Para habilitar hCaptcha, primero, necesitamos generar claves en el cuenta hCaptcha y conectarlo con WPForms.

Abra el sitio de hCaptcha en una nueva pestaña y mantenga WPForms abierto en otra pestaña.

Ahora para crear una cuenta de hCaptcha, haga clic en el Inscribirse botón en la parte superior.

Registrarse hCaptcha

Para usar el plan gratuito, haga clic en el botón debajo Agrega hCaptcha a tu servicio (gratis).

Planes hCaptcha

El proceso de registro es relativamente sencillo. Puedes registrarte directamente con Github, Google cuentas o envía detalles personalizados.

Opciones de registro de cuenta para hCaptcha

Una vez que se crea su cuenta, será redirigido a su cuenta de hCaptcha. Aquí haga clic en el Botón Nuevo sitio en la parte superior derecha.

crear un nuevo sitio de hCaptcha

Esto abrirá una nueva página donde deberá completar un formulario e ingresar los detalles del sitio. La primera sección que verá en la página es la Agregar nueva clave de sitio sección. Si lo desea, puede agregar un nombre a esta clave de sitio específica haciendo clic en el ícono de lápiz. Pero, nuevamente, esto es solo para su referencia y es opcional, no es obligatorio completarlo.

agregar nueva clave de sitio

Ahora la segunda sección del formulario es Información general. Aquí tenemos que agregar Nombres de host, elige el nivel de dificultad del CAPTCHA, y establecer filtros captchas basado en el interés de la audiencia.

información general de hCaptcha

Analicemos estas 3 opciones en detalle:

  • Nombres de host: Aquí, debemos agregar la URL de su sitio o el nombre de dominio en el que activará hCaptcha.

Agregue el dominio de su sitio y haga clic en Agregar nuevo dominio botón.

agregar el nombre de dominio del sitio

  • Dificultad captcha: Esta opción le permite establecer niveles de dificultad de captcha dentro de sus formularios. Hay 4 niveles Fácil, Moderar, Difícil, y Siempre encendido; puede elegir cualquier nivel según sus requisitos.

Opción de nivel de dificultad hCaptcha

Compartamos información sobre las opciones de nivel de dificultad de hCaptcha; esto le ayudará a decidir qué elegir para su sitio web:

  1. Fácil: Esta opción valida al usuario mostrando desafíos estándar “fáciles” que se pueden resolver fácilmente en unos pocos segundos.
  2. Moderar: Esta opción muestra desafíos un poco más difíciles en comparación con Easy. Es una opción más segura, ayuda a verificar si el usuario es humano o bot.
  3. Difícil: Esto mostrará tipos de desafío más difíciles que Fácil o Moderado, que demoran un poco más en resolverse.
  4. Siempre encendido: Esta opción obliga a todos los usuarios a resolver un ‘difícil’ CAPTCHA antes de enviar un formulario. Sin embargo, esta opción puede afectar la experiencia del usuario de su sitio web, pero es el método más seguro.
  • Filtrar captchas por intereses de la audiencia: Desde esta opción. puede elegir hasta 3 intereses diferentes según el nicho de su sitio web. Esto filtrará qué tipo de contenido se mostrará en sus captchas. Supongamos que tiene un sitio web de reserva de restaurantes, por lo que puede elegir el Comida y bebida opción para filtrar sus captchas.
🔥 Leer:  Las mejores alternativas de USTVGO.TV

opción para configurar el filtro captcha

Una vez que haya configurado todas las configuraciones del formulario, no olvide hacer clic en el AHORRAR en la esquina superior derecha de la página.

guardar todas las configuraciones

Esto lo redireccionará a la página de configuración de una clave de sitio. Aquí encontrará Captcha SiteKeys. Haga clic en el Ajustes para ver la clave del sitio.

botón de configuración para ver las claves del sitio

Una vez que haga clic en el Botón de configuración, puede ver la clave de sitio de su sitio web en la Clave del sitio sección, copie toda la clave del sitio.

Sección de clave de sitio

¿Recuerda la pestaña WPForms que mantuvimos abierta? A continuación, necesitamos pegar esta clave en WPForms.

Ahora copie la clave del sitio, abra la pestaña WPForms y péguela en la configuración de WPForms debajo de Clave del sitio configuración.

Pegar la clave del sitio en WPForms

La siguiente opción que verá es Llave secreta. También necesitamos copiar la clave secreta de su cuenta de hCaptcha.

La clave secreta se encuentra en la pestaña de configuración de su cuenta de hCaptcha, por lo que debemos cerrar la página de configuración de la clave del sitio. Ciérrelo haciendo clic en el Ahorrar botón.

hCaptcha página de configuración de la clave secreta

Ahora haga clic en el Ajustes pestaña. Verás tu clave secreta en la parte superior.

Clave secreta de la cuenta hCaptcha

Copie su clave secreta y péguela en WPForms.

agregar la clave secreta hCaptcha a WPForms

Una vez que haya agregado sus claves, también puede ajustar otras configuraciones de hCaptcha debajo. Expliquemos estos ajustes en detalle.

  • Mensaje de error: Desde aquí, puede personalizar el mensaje que se muestra a sus visitantes si hCaptcha detiene el envío del formulario.
  • Modo sin conflicto: Esta opción detiene los conflictos si son causados ​​por cualquier otro complemento o tema. Puede haber ocasiones en que otros complementos o temas de su sitio web intenten cargar el código CAPTCHA. Si esto sucede, es posible que haya un error. Puede marcar la casilla de verificación Modo sin conflicto para forzar la desactivación de cualquier código hCaptcha en conflicto para evitar cualquier error.
  • Avance: Esto mostrará una vista previa de su hCaptcha en la interfaz. Una vez que haya agregado las claves secreta y del sitio, haga clic en el Ahorrar para ver la Vista previa de hCaptcha.

Nota: Si las cosas no están configuradas correctamente, esta configuración mostrará un mensaje de error, lo que significa que debe verificar si sus claves se ingresaron correctamente en su configuración.

🔥 Leer:  Teníamos portaaviones voladores en la Segunda Guerra Mundial, pero aquí es por qué ya no existen

Paso 4: crea un formulario

Ahora que hemos terminado con la configuración, es hora de habilitar hCaptcha en su formulario.

Para hacer eso, primero, necesitamos crear un nuevo formulario usando WPForms.

Ir a WPForms »Agregar nuevo para crear un nuevo formulario.

agregar nuevo formulario

Aquí crearemos un formulario de contacto simple.

En la pantalla de configuración, asigne un nombre a su formulario y seleccione la plantilla que desea utilizar. WPForms ofrece una serie de plantillas de formulario predefinidas; puede elegir cualquier plantilla de formulario según sus requisitos y utilizarla en su sitio web.

Elegiremos la plantilla de formulario de contacto simple.

elija una plantilla de formulario de contacto simple

Una vez que hace clic en la plantilla, puede ver una plantilla de formulario de contacto simple a la derecha y un generador de arrastrar y soltar a la izquierda. Desde este constructor, puede agregar campos adicionales a su formulario de contacto.

Un formulario de contacto simple incluye todos los requisitos básicos del formulario, es decir, Nombre, Correo electrónico, y Comentario o mensaje.

descripción general de la plantilla de formulario de contacto simple

Paso 5: agregue el bloque hCaptcha al formulario

Ahora que tenemos nuestro formulario listo, solo necesitamos agregar el Campo hCaptcha.

A la izquierda, mire debajo del Campos estándar sección y haga clic en el Campo hCaptcha.

agregar el campo hCaptcha al formulario de WordPress

Tan pronto como haga clic en el campo hCaptcha, se mostrará un mensaje para confirmar que ha activado hCaptcha para este formulario. Hacer clic está bien.

Mensaje de confirmación de hCaptcha habilitado

Ahora para confirmar, verá el logotipo de hCaptcha en la parte superior derecha de su formulario.

habilitar hCaptcha en el formulario de WordPress

No te preocupes; este logotipo solo se muestra en el backend del formulario y no aparecerá en su formulario publicado. Es solo para recordarle que hCaptcha está activo en su formulario.

Clickea en el Ahorrar botón para tener todo resuelto.

Paso 6: prueba hCaptcha

El último paso es probar para asegurarse de que hCaptcha funcione correctamente con su formulario de contacto o no.

Para probar esto, abra el formulario de contacto en la interfaz de su sitio, complete las entradas del formulario y envíelo para verificar. Para obtener más detalles sobre cómo probar sus formularios, consulte nuestra lista de verificación de prueba completa.

Nota: Pruebe el formulario de contacto en otro navegador o ventana de incógnito, donde no haya iniciado sesión como administrador en su sitio.

Pasos siguientes: proteja sus formularios en línea

¡Y tu estas listo! Así es como puede ayudar a combatir el spam de formularios de contacto con WPForms y hCaptcha sin agregar ningún código ni CSS HTML. Si está buscando más formas de mantener seguros sus formularios en línea, consulte nuestro artículo sobre 12 consejos y trucos de seguridad de WordPress para sus formularios en línea.

Esperamos que este artículo le ayude a comprender el proceso completo de habilitación de hCaptcha con formularios de WordPress. De manera similar, también puede agregar CAPTCHA en el formulario de inicio de sesión y registro de WordPress utilizando el constructor de WPForms.

También puede consultar nuestra publicación sobre cómo crear un formulario de carga de archivos en WordPress (fácilmente).

No olvides que si te gustó este artículo, síguenos en Facebook y Twitter.

Recomendamos

Populares