Tutorial: Cómo configurar Contact Form 7

En este post vas a ver cómo configurar el plugin Contact Form 7 (CF7) para crear tu formulario de contacto paso a paso.

Personalmente me parece una muy buena opción si buscas una solución gratuita y sencilla para crear un formulario de contacto. Es el plugin que he estado usando durante mucho tiempo hasta que me pasé al formulario de Elementor Pro.

En este post vas como:

  • Instalar Contact Form 7
  • Crear un formulario de contacto con Contact Form 7
  • Añadir el campo de aceptación de la política de privacidad a CF7
  • Configurar los ajustes de envío del correo
  • Configurar autorespuesta con Contact Form 7
  • Cambiar el estilo de Contact Form 7
  • Guardar los emails en la base de datos
  • Configurar captcha CF7
  • Redireccionar al usuario a la página de «gracias»

Todo esto lo explico en el siguiente vídeo. También tienes información extra debajo

Tutorial Contact Form 7

Guardar los los formularios de Contact Form 7 en la base de datos

A veces puede pasar que alguno de los formularios no te lleguen a la bandeja de entrada de tu cuenta de correo por posible spam o por algún problema técnico.

Lo cual, te puede hacer perder potenciales clientes.

Para prevenir eso, puedes guardar todos los formularios que se envíen a través de CF7 en la base de datos de WordPress.

De esa forma, podrás revisar todos los formularios que se han enviado y comprobar si no se ha perdido ninguno por el camino.

Esto es algo que también es útil medir las conversiones de los formularios o más bien para comprobar que los datos de las conversiones de Analytics son correctos. Que a veces Analytics hace cosas raras.

El caso es, que para guardar los formularios de CF7 en la base de datos solo tienes que instalar el plugin Contact Form 7 Database Addon.

Redireccionar un formulario Contact Form 7 a otra página

Si quieres llevar al usuario a una página de «gracias» después de que envíe el formulario, lo puedes hacer con el plugin Redirection for Contact Form 7.

En el vídeo explico cómo configurar el plugin.

Esto se suele hacer para medir las conversiones de los formularios y para mejorar la experiencia de usuario.

Cambiar el estilo de Contact Form 7 usando Elementor

Si usas Elementor puedes instalar Contact Form 7 Widget For Elementor para cambiar el estilo de Contact Form 7 directamente desde Elementor sin tener que tocar código.


Con esto deberías de poder crear tu formulario de contacto con Contact Form 7, pero si no te convence por lo que sea, puedes probar con WPForms Lite que una alternativa muy buena a CF7.

Accede al audio para tener una web sencilla y eficaz desde la facilidad de WordPress​

Además de otros recursos que te ayudarán a crear o mejorar tu web.​

Responsable: Serhiy Kolomiychuk. Finalidad: Gestionar y enviar información de boletines y promociones a través de correo electrónico. Legitimación: Tu consentimiento. Destinatarios: Tus datos se guardan en MailChimp. Derechos: Tienes, entre otros, derecho a acceder, rectificar y suprimir tus datos cuando quieras.

Deja un comentario

Protección de datos