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.
Al acceder al plugin, vamos a ver todas las posibilidades que ofrece éste plugin.
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.
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.
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.
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.
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).
Luego tenemos la posibilidad de configurar cada uno de los mensajes que se utilizan al procesar el formulario. Estos son los mensajes por defecto.
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.
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.
Ahora si, grabamos nuestra página y el resultado que obtendremos sería algo como esto.
Un plugin sencillo, flexible y efectivo.










una consulta soy nuevo en esto, la apariencia del formulario hace que no se noten los bordes con mi tema, como puedo cambiar la CSS o el fondo de las cajas de texto si fuera posible, gracias
@Jose
Fijate que dentro de la carpeta del plugin (wp-content/plugins/contact-form-7) tenés archivos css específicos.
Saludos.
Hola,
esta muy bien el plugin, simple y bueno,
gracias por la ayuda.
saludos
Si, gran aporte, Gracias¡¡¡
No me envía nada al correo que puse….. por favor, cómo configuro esto? dónde veo la información que recolecto?
@mari
¿Tenés certeza que el envio de mail funciona?.
¿Otros mail de WordPress te llegan correctamente?.
Si no tenés forma de confirmarlo, podés probar un de subir un archivo con la función mail de php (http://www.php.net/manual/en/function.mail.php) para ver si envía.
Saludos.
Hola
Realmente estoy satisfecho con este plugin y gracias por toda la información brindada, pero tengo un problema cuando hago una prueba me dice que fue enviado correctamente, pero cuando abro mi bandeja de correo para confirmar si esta todo bien me dice remitente desconocido y obviamente no puedo ver el mail ni nombre de la persona…y no se como corregirlo…desde ya muy agradecido y felicidades.
@Oscar
Repasá la configuración.
En la segunda imagen del post podés ver como deberían ir las variables.
Gracias Damián por responderme y creeme que vengo luchando con algunas limitantes que tengo, en el momento de implementar ciertas cosas, pero mañana voy a revisar todo y ver que pasa.Que tengas una feliz navidad y un mejor año 2010…hasta pronto….
Hola! instalé form 7 y me da el siguiente error: “Error al enviar el mensaje. Por favor inténtalo más tarde o contacta con el administrador por otro medio.” Alguien sabe que pasa? Ya no se que hacer!!! Mil gracias!
@Adriel
¿Has probado que tu servidor pueda enviar correos desde php?.
Quizás debas revisar la ayuda oficial del plugin: http://contactform7.com/faq/
Saludos.
Hola Damian, ya lo tengo instalado pero ¿puedo cambiar la apariencia, las fuentes o lo colores del formulario? es que me queda muy parecido con el texto de la entrada.
Gracias por tu aporte.
@Paco
Por supuesto que se puede, tendrás que comenzar a jugar con css y con los identificadores y clases que tiene o se pueden agregar al formulario.
Saludos.
hola , sabes que he instalado este plugin, pero al momento de hacer pruebas de envio de mail, apraentemente el envío es satidfactorio pero no recibe nada en mi correo, como puedo solucionar esto, de antemano gracias por la ayuda…
@daniel
¿Tenés certeza sobre si podés enviar mails desde php en tu servidor?.
Podrías hacer una prueba con la función mail() de php para confirmarlo.
Saludos.
amigo una consulta … como hago para crear un boton de borrar info del formulario y como hago para cambiar la apariencia del botton de envio y proximamente uno de borrar
@cristopher
Por defecto no viene ese elemento dentro de la lista de los posibles, pero podés agregar vos el html y va a funcionar.
Saludos.
Una pregunta: ¿como habilito en mi servidor el poder enviar correos desde wordpress?
No hay manera de que funcione el plugin, y es por esto, estoy seguro.
@Carlos JG
Para estar seguro, probá de ejecutar la función mail de php en un archivo. (Subí un nuevo archivo con la ejecución de esa función).
En la página de Php tenés las indicaciones necesarias para probarla.
Saludos.
Hola, en la opcion Tools del WordPress no me aparece el contact form y en las opciones de Contact no me aparece nada al hacer click en “Mostrar” Additional Settings.
Pero mi principal problema es: que las cajas de texto son de color blanco y no tienen borde… el fondo de mi página es blanco, entonces no se nota donde escribir.
Ya le intente mover a los archivos .css, pero no pasa nada.
¿Alguien me puede ayudar?
@Jorge
En cuanto a que no te aparezcan las opciones, no sabría decirte. Nunca he tenido inconvenientes con el plugin. Desde la versión 2.7 de WP lo he usado y funciona perfectamente.
En cuanto lo de los bordes, es definitivamente un problemas de css.
Deberías probar con una herramienta como Firebug para tratar de detectar el problema.
Saludos.