Connect with us

Tutoriales Plugins

Contac Form 7 Tutorial, Guía, Documentación todo sobre este plugin y actualizado a la fecha

Guia completa sobre como configurar y crear formularios de contacto para WordPress con Contact Form 7

Published

on

contact form 7 guia en español
Imagen WPaldia.com

Como puedes ver, el título de la entrada es una promesa, Contac Form 7 Tutorial, Guía, Documentación todo sobre este plugin y actualizado a la fecha, este artículo siempre estará al dia con las actualizaciones del plugin. Por tanto, esta guia siempre estará vigente.

El video tutorial sobre Contact Form 7, que sale destacado al principio de este post expresa todo lo que verás en adelante. Puedes verlo y seguir el paso a paso la configuración de Contact Form 7 o puedes apoyarte del manual escrito que hemos hecho y que incluye capturas de pantalla, además de modificaciones adicionales que hemos conseguido con CSS.

Generalidades sobre Contact Form 7

No podemos empezar esta guia sin dar lugar a los aspectos fundamentales del plugin. Sin embargo, si quieres saltarte esta parte e ir directamente a donde empezamos la configuración y como creamos un formulario de contacto con Contact Form 7, puede hacer clic aqui o (es un enlace ancla que te lleva directo a al punto de partida)

¿Qué es Contact Form 7?

Es el plugin para formularios de contacto, ha sido por muchos años el más descargado y utulizado de WordPress. Su funcionalidad y versatilidad te permite crear formularios de contacto con distintas opciones que dificilmente encontrás con otros puglins de formularios.

Puedes ver aqui la lista de plugins de formularios de contacto para WordPress que hemos hecho para ti.

¿Dónde puedo conseguir Contact Form 7 y cuanto cuesta?

El plugin es gratuito y lo tienes disponible desde el repositorio de plugins de WordPress. Solo debes ir a Plugins > Añadir nuevo y escribir en el buscador Contact Form 7 y elegir el siguiente:

¿Dónde puedo conseguir Contact Form 7 y cuanto cuesta?
¿Dónde puedo conseguir Contact Form 7 y cuanto cuesta?

¿Cómo insertar un Formulario de contacto en una página de WordPress?

La manera en como insertamos un formulario de contacto de Contact Form 7 en una pagina, entradas o widgets de WordPress es mediante un shortecode o el modulo de Gutenberg.

Si lo hacemos mediante un shortecode, solo debemos pegar el shorcode que se nos genera una vez que creamos nuestroo formulario o usamos el que viene por defecto, una que instalamos el plugin (esta parte la comprenderas mejor cuando empecemos a trabajar directamente con el plugin).

¿Cómo insertar un Formulario de contacto en una página de WordPress?
¿Cómo insertar un Formulario de contacto en una página de WordPress?

Una vez que ya tenemos nuestro shortcode, vamos a nuestra entrada o página y buscamos el modulo de shortcode.

 ¿Cómo insertar un Formulario de contacto en una página de WordPress?
¿Cómo insertar un Formulario de contacto en una página de WordPress?

Y lo pegamos ahi, con todo y corchetes, asi como te lo muestro en la imagen.

  ¿Cómo insertar un Formulario de contacto en una página de WordPress?
¿Cómo insertar un Formulario de contacto en una página de WordPress?

Esto mismo aplica para los Widgets, aunque en elgunos casos, solo con pegar le shortcode directo sobre el editor clasico de WordPress serviría.

También debo decir que Gutenberg ya tiene un modulo de Contact Form 7, donde al elegir ese modulo solo debes seleccionar el formulario que hayas creado o el que quieras utilizar y ya se aplicaria sobre la página o entrada.

    ¿Cómo insertar un Formulario de contacto en una página de WordPress?
¿Cómo insertar un Formulario de contacto en una página de WordPress?
    ¿Cómo insertar un Formulario de contacto en una página de WordPress?
¿Cómo insertar un Formulario de contacto en una página de WordPress?

Dicho esto, comencemos con la configuración de Contact Form 7 y conozcamos cada una de sus funciones.

¿Cómo se configura Contact Form 7?

¿Cómo configurar Contact Form 7 WordPress?

¿Cómo integrar Contact Form 7 con MailChimp?

Continue Reading
Click to comment

You must be logged in to post a comment Login

Leave a Reply

Popular