Hoy por la mañana, lo primero que hice fue revisar mi correo electrónico para ver cómo iba nuestra campaña. Y ahí estaba: un correo listo para ser atendido. Lo abrí con emoción, pero mi corazón se encogió al ver palabras en ruso. Las traduje: “¿Cuál es tu precio?”. Un mensaje de spam, ¡otra vez! 😥

Me puse tan triste que decidí transformar esa frustración en una solución para ustedes. ¡No quiero que les pase lo mismo! Por eso, he creado este tutorial paso a paso para proteger sus formularios de contacto en WordPress.

Mi sitio web utiliza Elementor y su formulario de contacto nativo, así que esta guía está específicamente diseñada para ustedes, usuarios de Elementor. Si alguno de ustedes tiene instalado Contact Form 7 (uno de los plugins de formularios más usados) y necesita un tutorial para ese caso, no duden en mandarme un mensaje directo. ¡Con gusto lo preparo!

¡Vamos directo a la acción!

Paso 1: Accede a los Ajustes de Integraciones de Elementor

Desde tu panel de administración de WordPress, en el menú lateral izquierdo, busca y haz clic en ‘Elementor’. Luego, selecciona ‘Ajustes’ en el submenú.

Paso 2: Navega a la Pestaña de Integraciones

Una vez en la página de Ajustes de Elementor, haz clic en la pestaña ‘Integraciones’.

Paso 3: Localiza la Sección de reCAPTCHA V3

Dentro de la pestaña de Integraciones, desplázate hacia abajo hasta encontrar dos secciones: ‘reCAPTCHA’ y ‘reCAPTCHA V3’. Para este tutorial, nos enfocaremos en ‘reCAPTCHA V3’.

Paso 4: Obtén tus Claves de reCAPTCHA V3 desde Google

En la sección de ‘reCAPTCHA V3’ dentro de Elementor, verás que te pide tres datos: ‘Clave del sitio’, ‘Clave secreta’y ‘Umbral de puntuación’. Para obtener las dos primeras, debes generarlas en la consola de Google reCAPTCHA.

Haz clic en el enlace azul que dice “reCaptcha“para acceder al servicio de Google.

Paso 5: Registra tu Sitio en la Consola de Google reCAPTCHA

Una vez en la consola de reCAPTCHA de Google, si es tu primera vez, verás un botón grande para registrar un nuevo sitio. Haz clic en el botón azul “Get Started”

Deberás llenar los siguientes datos:

• Etiqueta: Pon un nombre que te ayude a identificar tu sitio web fácilmente dentro de la consola de Google (ej. Jezzini.mx Sitio Principal o Formularios de Contacto).
• Tipo de reCAPTCHA: Asegúrate de seleccionar ‘reCAPTCHA v3’.
• Dominios: Agrega todos los dominios y subdominios donde usarás este reCAPTCHA (ej. jezzini.mx, www.jezzini.mx). Puedes agregar varios, uno por línea.
• Propietarios: Confirma que tu correo de Google esté ahí como propietario. Puedes añadir otros si hay más administradores.
• Acepta los Términos de Servicio de reCAPTCHA.

Finalmente, haz clic en el botón ‘Enviar’ (Submit).

Paso 6: Copia y Pega tus Claves en Elementor

¡Listo! Una vez que hayas enviado la información, la consola de Google reCAPTCHA te mostrará inmediatamente tu ‘Clave del sitio’ (Site Key) y tu ‘Clave secreta’ (Secret Key).

1. Copia la ‘Clave del sitio’.
2. Pégala en el campo ‘Clave del sitio’ en la sección de ‘reCAPTCHA V3’ en los ajustes de Elementor.
3. Copia la ‘Clave secreta’.
4. Pégala en el campo ‘Clave secreta’ en la sección de ‘reCAPTCHA V3’ en los ajustes de Elementor.

Umbral de puntuación (Score Threshold): Este es un valor numérico entre 0.0 y 1.0. reCAPTCHA V3 evalúa el comportamiento del usuario y le asigna una puntuación.

• Las puntuaciones bajas (cercanas a 0.0) indican que es probablemente un bot.
• Las puntuaciones altas (cercanas a 1.0) indican que es un usuario legítimo. Puedes dejar el valor por defecto (suele ser 0.5 o 0.6) y ajustarlo más tarde si recibes mucho spam (bajarlo) o si usuarios legítimos tienen problemas al enviar formularios (subirlo ligeramente).

Paso 7: Guarda los Cambios en Elementor

Una vez que hayas pegado ambas claves y configurado el umbral, desplázate hacia abajo en la página de Integraciones de Elementor y haz clic en el botón ‘Guardar Cambios’.

Paso 8: Añade reCAPTCHA V3 a tu Formulario de Contacto en Elementor

¡Casi terminamos! Ahora que las claves están configuradas globalmente en Elementor, debes añadir el campo de reCAPTCHA V3 a cada formulario donde quieras activarlo.

1. Desde tu panel de WordPress, ve a la página donde tienes tu formulario de Elementor y haz clic en ‘Editar con Elementor’.
2. Haz clic en el widget de Formulario para entrar en sus opciones de edición (en el panel izquierdo de Elementor).
3. En las opciones del formulario, bajo la pestaña ‘Contenido’, busca la sección ‘Campos del Formulario’.
4. Haz clic en el botón ‘+ Añadir Elemento’ (o en el icono de ‘+’ para añadir un nuevo campo).
5. En el ‘Tipo de Campo’ del nuevo elemento, selecciona ‘reCAPTCHA V3’.
6. Generalmente, puedes dejar la ‘Etiqueta’ de este campo vacía para que solo aparezca el badge de reCAPTCHA en tu sitio.
7. Asegúrate de que este nuevo campo esté al final de tu lista de campos del formulario.
8. Finalmente, haz clic en el botón verde ‘Actualizar’ o ‘Publicar’ en la parte inferior izquierda de Elementor para guardar los cambios en tu página.

¡Y listo! Con estos pasos, tu formulario de Elementor estará protegido por reCAPTCHA V3. Verás un pequeño badge de reCAPTCHA en la esquina inferior de tu sitio web, indicando que está activo. Esto ayudará a filtrar la gran mayoría de los mensajes de spam, permitiéndote concentrarte en los mensajes de clientes reales.

Supongo que llegaste aquí porque me preguntaste directamente y te creé un tutorial personalizado, o porque entraste a través de alguna búsqueda, frustrado por el spam. De cualquier manera, ¡espero que este contenido te haya sido de gran ayuda! No dudes en escribirme en la sección de contacto si tienes alguna pregunta o necesitas ayuda adicional.