En esta entrada vamos a explicar como montar un formulario de contacto con el plugin de WordPress «Contact Form 7».
Los pasos a seguir son:
- Instalar el plugin «Contact Form 7» desde el apartado de plugins de WordPress, o desde la web del autor.
- Una vez instalado, en el apartado «Contacto» del menú de la derecha, seleccionaremos «Añadir nuevo».
- Aparecerá una ventana con varias pestañas, la primera de ellas será «formulario» desde la que podremos personalizarlo, marcando/desmarcando los botones de la barra horizontal. Esto hará que vaya apareciendo el código del mismo.
- Con eso tendríamos un formulario de contacto sencillo, sin seguridad. El siguiente paso consiste en añadir un captcha.
A continuación vamos a listar los puntos a seguir para añadir «reCAPTCHA» a «Contact Form 7» en WordPress.
PASO 1: Obtener las claves de reCAPTCHA.
- Ve a la página de reCAPTCHA de Google.
- Haz clic en «Admin Console» y accede con tu cuenta de Google.
- Registra tu sitio web proporcionando un nombre de etiqueta, selecciona «reCAPTCHA v3» o «reCAPTCHA v2» (recomendado v2), y añade el dominio de tu sitio web.
- Registra tu sitio web proporcionando un nombre de etiqueta, selecciona «reCAPTCHA v3» o «reCAPTCHA v2» (recomendado v2), y añade el dominio de tu sitio web.
- Copia la clave del sitio (Site Key) y la clave secreta (Secret Key).
PASO 2: Configurar reCAPTCHA en Contact Form 7.
- Ve a tu panel de administración de WordPress.
- Navega a Contact > Integración.
- Haz clic en el botón «Configurar la integración de reCAPTCHA».
- Pega la clave del sitio y la clave secreta que obtuviste de Google.
- Guarda los cambios.
PASO 3: Añadir reCAPTCHA al formulario de Contact Form 7.
- Ve a Contact > Formularios de contacto en tu panel de administración de WordPress.
- Selecciona el formulario al que deseas añadir reCAPTCHA.
- Añade la siguiente etiqueta de reCAPTCHA en el formulario en la ubicación deseada: [recaptcha].
- Guarda los cambios.
Siguiendo estos pasos, deberías poder añadir reCAPTCHA a tus formularios de Contact Form 7 en WordPress para protegerlos contra spam y automatizaciones maliciosas.