linkedin de Pedro Ramírez Nicolás

Cómo usar Contact Form 7 en WordPress: Guía completa

Autor: Pedro Ramírez Nicolás
Logo del plugin Contact Form 7 para WordPress

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:

  1. Instalar el plugin «Contact Form 7» desde el apartado de plugins de WordPress, o desde la web del autor.
  2. Una vez instalado, en el apartado «Contacto» del menú de la derecha, seleccionaremos «Añadir nuevo».
  3. 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.
  4. 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.

  1. Ve a la página de reCAPTCHA de Google.
  2. Haz clic en «Admin Console» y accede con tu cuenta de Google.
  3. 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.
  4. 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.
  5. Copia la clave del sitio (Site Key) y la clave secreta (Secret Key).

PASO 2: Configurar reCAPTCHA en Contact Form 7.

  1. Ve a tu panel de administración de WordPress.
  2. Navega a Contact > Integración.
  3. Haz clic en el botón «Configurar la integración de reCAPTCHA».
  4. Pega la clave del sitio y la clave secreta que obtuviste de Google.
  5. Guarda los cambios.

PASO 3: Añadir reCAPTCHA al formulario de Contact Form 7.

  1. Ve a Contact > Formularios de contacto en tu panel de administración de WordPress.
  2. Selecciona el formulario al que deseas añadir reCAPTCHA.
  3. Añade la siguiente etiqueta de reCAPTCHA en el formulario en la ubicación deseada: [recaptcha].
  4. 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.

Logo de naNologic Systems

¿Quieres que te ayudemos?

¡Contáctanos! Seremos tu compañero tecnológico

×

Hola!

Pulsa en el contacto para hablar con Jose A. Caballero

×