Formulario de Contacto con Contact Form 7 para WordPress

Hace un tiempo puse en funcionamiento el formulario de contacto en el blog.

Para esto recurrí a un plugin del que poco había escuchado pero que me ha resultado bastante cómodo y flexible. El plugin en cuestión se llama Contact Form 7.

Una vez instalado, vamos a tener una nueva opción dentro de nuestro menú de herramientas.

Acceso a la configuración de Contact Form 7

Al acceder al plugin, vamos a ver todas las posibilidades que ofrece éste plugin.

Panel de Contact Form 7

Las opciones son varias, así que vamos a revisar bloque por bloque para entender un poco mejor de qué se trata.

El primer bloque, los detalles de nuestro formulario.

Detalles de nuestro formulario

Lo que vemos, es, además del nombre que lo identifica, el código que más tarde tendremos que usar.

El segundo bloque es el que nos permite componer nuestro formulario. Basicamente es html puro, pero se le agregan algunos tags que el plugin se encargará de manejar.

Composición del formulario

Inicialmente, no vamos a tener idea de cuáles tags deberemos usar.

Para ayudarnos, tenemos a la derecha, un generador de tags según el tipo de campo que busquemos implementar.

Generación automática de tags de Contact Form 7

El tercer bloque es el de configuración del mensaje en si mismo. Vamos a poder establecer la direccción a la que se enviará el mail, así como el formato del remitente. También podremos agregar texto al mensaje que nos escriban y podremos configurar si queremos que se acepten tags html.

Estructura del mensaje

Contamos con la posibilidad de enviar un segundo mail. En éste cuarto bloque tendremos las mismas opción que en el caso anterior (sólo si deseamos actviarlo).

Segundo destinatario para los mensajes

Luego tenemos la posibilidad de configurar cada uno de los mensajes que se utilizan al procesar el formulario. Estos son los mensajes por defecto.

Personalización de mensajes en Contact Form 7

Una vez que hayamos configurado todas las cuestiones de nuestro formulario, podremos grabar y vamos a ver algo similar a ésto debajo del nombre de nuestro formulario.

Código del formulario

Como bien indica la leyenda, vamos a tener que copiar ese código para poder usarlo dentro de una página.

Para activarlo, sólo tenemos que ir a la página (o post… en mi caso es página) en la que queremos usar el formulario y pegar el código que vimos recién.

Aplicando el formulario en nuestra página

Ahora si, grabamos nuestra página y el resultado que obtendremos sería algo como esto.

Formulario publicado con Contact Form 7

Un plugin sencillo, flexible y efectivo.

A lo mejor te interese leer

118 thoughts on “Formulario de Contacto con Contact Form 7 para WordPress

  1. Hola Damián me sirvió mucho el plugin, tus tutorailes y consejos y en base a ellos consulte en el hosting ya que a mi también me salia el error “Error al enviar el mensaje. Por favor inténtalo más tarde o contacta con el administrador por otro medio. Y me dicen lo siguiente: “Desde nuestros Servidores podes enviar correos a través de PHP, para que el envío funcione debes utilizar como “From” una cuenta de correo que hayas creado desde el panel de control ademas donde indiques el Servidor SMTP utiliza “localhost”
    INSTALE el pluig WP-Mail-SMTP para configurarlo con mi cuenta de correo de hosting.
    Funciono CASI bien, los mensajes llegan a esa casilla, digo casi bien porque si en la casilla de mail obligatorio pongo “mimail@unacuentademihosting.com FUNCIONA. Pero si pongo mimail@hotmail,gmail,o cualquierotracosa.com no funcina :(
    Y me aparece el vendito mensaje :
    Por favor inténtalo más tarde o contacta con……. Damian :D
    Que puedo hacer? Gracias!!

  2. Buenas noches
    He incluido un formulario en la página web http://taptronic.es/contacto-2/ en el que se puede incluir un archivo adjunto. Despues de pulsar el botón enviar, la página se queda pensando sin salir el mensaje diciendo que el mensaje ha sido enviado con éxito. El mensaje llega a su destino sin problemas, pero el que envía el mensaje tiene sensación de que este no se ha enviado. Muchas gracias por tu ayuda. Magnifica página de ayuda

  3. @mariano

    Está bien que tengas que usar una cuenta de correo válida.
    También tiene lógica que tengas limitantes ya que estás enviando un mail, por ejemplo, @gmail.com desde un servidor que no es de Gmail.
    Saludos.

  4. @Andrés

    ¿Qué theme estás usando?.
    Con el theme default el mensaje de confirmación se visualiza. Quizás hay algún inconveniente con algún JS o CSS de tu theme actual.
    Yo empezaría por validar esos temas.

  5. hola buena explicacion de este plugin, tengo una duda referente al plugin estoy creando un sitio para modelos para lo cual uso roles en el registro y con modulo de pago paypal con la creacion de planes, la duda es podria utilizar los plugins juntos.

    cimy-user-extra-fields.2.0.5 para la creacion de roles dentro del formulario de registro
    user-role-editor para editar los roles
    s2member.3.5.8 para los planes de pago
    y el contact form 7 para la creacion de los formularios

    gracias

  6. hola de nuevo,
    se me olvido realizar la pregunta mas importante, es posible modificar la posicion de los campos de los formularios ?. uno al lado del otro, en vez de uno abajo de otro

    gracias de nuevo

  7. @masterred

    No puedo contestarte sobre cómo funcionarán todos esos módulos juntos. No he probado esa combinación.
    En cuanto al orden de los campos, entiendo que es un tema de maquetación. No creo que sea un problema del módulo en si mismo.

  8. Buenas Damián,
    tengo instalado el contact form 7 y me funciona sin problema.
    Pero me gustaria poder seleccionar desde un desplegable a que cuenta tiene que enviar el correo.
    No se si esta opción está disponible en el contact form o me recomiendas que intente hacerlo a partir de programación o tal vez con otro plugin
    Gracias por adelantado

  9. @Pedro

    En varios comentarios se ha hablado de ésto.
    Igual no creo que sea recomendable ya que tus posibles direcciones de correo serían rastreables por cualquier indexador.

  10. Hola, a mi me funciona bien pero me entran todos los mensajes en no deseados, estoy utilizando una cuenta de hotmail. He probado con otras dos cuentas (gmail, y de mi empresa) pero en esas ni siquiera entran.
    Saludos

  11. @ruben

    Creo que ese tema no es un problema propio del plugin.
    Hace un buen tiempo que utilizo el plugin y no me sucede.
    Habría que ver, cuando mucho, si no está llegandote un template con contenido que se consdiere spam.

  12. Hola Damián, llegué a tu blog buscando sobre el plugin contact form 7.
    Puede ser que no esté funcionamiento? Lo acabo de instalar y no llegan los mails. Yo voy a probar mandarte este mensaje a través del form de tu blog y a través de comentario.
    Saludos.

  13. Hola Damián, ya resolví el problema era una pavada, había escrito mal el email por defecto al que se enviaría.
    Saludos!

  14. Hola,

    Estoy haciendo una página con WordPress. He instalado este plugin. En principio todo parece correcto. Envío el email y aparece el mensaje de que el email se ha enviado con éxito, pero no aparece en mi buzón, ni en la carpeta de Spam.

    Qué problema podría ser?

    Muchas gracias.

  15. @Pedro

    Yo revisaría si configuraste todo correctamente. Alguna vez me han comentado que el error era la cuenta a la que se enviaba el email.
    Si las configuraciones son válidas, probaría con un archivo php y la función mail de php. Sólo para confirmar que tu hosting funciona correctamente.

  16. @Media Maraton

    Hasta donde recuerdo tendrías que modificar el Ajax para que redireccione y apuntarlo a una página que definas.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">