Ir al contenido principal

Cómo agregar un formulario de contacto con un CAPTCHA en WordPress

Esta guía te muestra cómo crear un formulario de contacto en WordPress y protegerlo con Google reCAPTCHA para evitar spam de bots. Incluye los pasos para Contact Form 7 (gratis), WPForms y Elementor Pro. Lleva unos 15 minutos.

1. Requisitos previos

2. Instrucciones paso a paso

2.1. Instalar un plugin de formularios

Ve a Plugins > Añadir nuevo, busca Contact Form 7 (o WPForms Lite), instálalo y actívalo.

Captura de pantalla 3 de la guía

💡 Consejo: Elementor Pro es de pago: descárgalo de su web y súbelo en Plugins > Añadir nuevo > Subir plugin.

2.2. Crear el formulario

Contact Form 7: ve a Contacto > Formularios de contacto y edita el Formulario de contacto 1. En la pestaña Correo, comprueba la dirección de destino. Guarda.

Captura de pantalla 4 de la guía

Captura de pantalla 5 de la guía

WPForms: ve a WPForms > Añadir nuevo, elige Formulario de contacto simple, ajusta campos y en Configuración > Notificaciones pon tu email. Guarda.

Captura de pantalla 6 de la guía

Captura de pantalla 7 de la guía

Captura de pantalla 8 de la guía

2.3. Publicarlo en una página

Copia el shortcode del formulario.

Captura de pantalla 9 de la guía

Captura de pantalla 15 de la guía

Crea una página en Páginas > Añadir nueva, llámala Contacto, pega el shortcode y haz clic en Publicar.

Captura de pantalla 16 de la guía

💡 Consejo: En Elementor Pro, arrastra el widget Formulario a la página y configura campos y email en Correos electrónicos y opciones.

Captura de pantalla 10 de la guía

Captura de pantalla 11 de la guía

Captura de pantalla 12 de la guía

Captura de pantalla 13 de la guía

Captura de pantalla 14 de la guía

3. Obtener las claves de reCAPTCHA

Abre la consola de reCAPTCHA e inicia sesión.

Escribe una etiqueta y tu dominio. Elige reCAPTCHA v2 (No soy un robot) o v3 (invisible, por puntuación).

Captura de pantalla 17 de la guía

Captura de pantalla 18 de la guía

Acepta las condiciones, haz clic en Enviar y copia la clave del sitio y la clave secreta.

Captura de pantalla 19 de la guía

4. Añadir reCAPTCHA al formulario

Contact Form 7: ve a Contacto > Integración > reCAPTCHA > Configurar integración, pega las claves y guarda. Con v3 ya está activo.

Captura de pantalla 20 de la guía

WPForms: ve a WPForms > Configuración > reCAPTCHA, elige la versión, pega las claves y guarda. Luego añade el campo reCAPTCHA al formulario.

Captura de pantalla 24 de la guía

Captura de pantalla 25 de la guía

Captura de pantalla 26 de la guía

Elementor Pro: en Elementor > Configuración > Integraciones pega las claves y añade al formulario un campo de tipo reCAPTCHA.

Captura de pantalla 22 de la guía

Captura de pantalla 23 de la guía

5. Resultado esperado

Tu página de contacto muestra el formulario protegido con reCAPTCHA. Envía una prueba y comprueba que recibes el mensaje.

6. Solución de problemas

  • No recibo los mensajes del formulario.

Solución: Revisa la dirección de destino y configura WP Mail SMTP.

  • Con Contact Form 7 y reCAPTCHA v2 no aparece la casilla.

Solución: Contact Form 7 usa v3; si quieres v2 necesitas un plugin adicional o usar v3.

7. Resumen y siguientes pasos

Tienes un formulario de contacto protegido contra spam.

¿Ha quedado contestada tu pregunta?