Contact Form 7 y los archivos adjuntos

Hace ya un buen tiempo había hablado sobre cómo implementar Contact Form 7 en nuestro blog.

Hoy vamos a ver cómo agregar a nuestro formulario, la posibilidad de recibir archivos adjuntos (y que nos lleguen en el mail, claro está).

Para empezar, voy a tomar mi actual formulario de contacto (que siendo fiel al lo vago que vengo siendo, no tiene diseño).

Formulario de contacto con Contact Form 7

Ahora vamos a crear un campo del tipo file que nos va a permitir enviar archivos adjuntos.

Seleccionado el tipo de campo en Contact Form 7

Y una vez que seleccionemos el campo, lo vamos a configurar.

Configuración del file upload en Contact Formt 7

Las opciones posibles a configurar permiten establecer la obligatoriedad del campo, el tamaño máximo que se permitirá subir, las extensiones posibles, un id y clase css.

Para los fines de éste post, no vamos a agregar nada en particular, como viene el campo nos sirve.

Como pueden ver, tenemos el código a copiar dentro de nuestro formulario.

Implementando el file upload en Contact Form 7

Una vez copiado el código, nos resta agregar una configuración adicional, que es la que logra la magia en el envío.

Configurando el envío de archivos adjuntos en Contact Form 7

Como ven, en el campo de Archivos adjuntos (File attachments), ponemos el nombre que le pusimos al campo en el formulario.

Ahora si, grabamos el formulario y pasamos a la prueba en vivo.

Formulario con posibilidad de adjuntar archivos con Contact Form 7

Llenen el formulario como siempre, adjunten el archivo y revisen su cuenta de mail.

No debería de haber ningún tipo de inconveniente.

A lo mejor te interese leer

19 thoughts on “Contact Form 7 y los archivos adjuntos

  1. Pingback: Enviar varios archivos a través de Contact Form 7 | .::virtualizado::.

  2. Gracias che me fue de gran utilidad este post porque no le estaba agarrando la onda a la configuración del formulario y necesitaba esto de archivos adjuntos… gracias!!!

  3. Si me permites hacerte una consulta… tengo problemas al tratar de habilitar los CAPTCHAS… copio en el código el generado y al guardar me salta un error… sabes cómo se hace?

  4. @Juan Carlos

    Habría que ver el error que te muestra.
    ¿Prestaste atención al mensaje que indica que se requiere de otro plugin para poder utilizar el Captcha?.
    Saludos.

  5. Hola damián, me ha venido muy bien la explicación sobre la subida de archivos, me olvidaba de poner el código en file attachments o en español archivos adjuntos por si alguien no lo encuentra, ¿cómo puedo hacer para que se pueda subir más de un archivo a la vez en el formulario? Muchas gracias.

  6. @Pepe

    No hay forma vía configuración se que la cantidad de uploads sea dinámica. Por este motivo vas a tener que crear tantos como necesites.
    Siguiendo el ejemplo del post, en el “File attachmens” se guarda la referencia al input. Si creás más de un input de upload, tenés que agregar en “File attachments” el código de cada uno de los inputs.
    Saludos.

  7. Sigo los pasos una y otra vez pero no hay caso. Simplemente no me envía los archivos, ya no sé que hacer. Mi configuración está exactamente igual a tus fotos… algún consejo?

  8. @Carolina

    Deberías probar si se pueden enviar mail desde tu cuenta de hosting. Un simple test de la función mail de php alcanza.
    Si esa prueba no funciona, deberías validar con tu proveedor de hosting.

  9. hola, como podria poner texto dentro del text-field es decir, dentro del casillero de Nombre: que diga “Inserta tu nombre aqui…” dentro del text field en si, y no por fuera.. es posible esto ?

    Muchas Gracias

  10. @jose

    Agregale a tu campo, lo siguiente: watermark “Inserta tu nombre aquí…”
    Saludos.

  11. Hola,

    He incluido un formulario en una página con la opción de incluir archivos. Los mensajes con los adjuntos me llegan al correo, pero el formulario se queda parado sin que salga le mensaje “tu mensaje se ha enviado correctamente” ¿qué puede ser?

    Muchas gracias. Enhorabuena por el blog

  12. @Andres

    No me ha sucedido nunca. ¿Has probado usando el skin default de WordPress?.
    Quizás algo de tu skin está en conflicto con el plugin.

  13. Hola que tal; actualmente estoy intentando permitir que los usuarios envíen sus mensajes con un archivo adjunto.
    El problema es que al llegarme el email sólo me llega el nombre del archivo y no la url del archivo adjuntado en cuestión.

    ¿Donde se guarda éste archivo adjunto?

    Por ejemplo me llega:

    Juancito
    Juancito[arroba]hotmail.com
    Te envío mi foto

    Mifoto.png

    Y no se como acceder a Mifoto.png …

    Alguien que me tire una soga :P

    Saludos!

  14. @Niqolas

    No hay ningún truco especial. Sólo se infica el tipo de campo y ese contenido es attachado al mail.
    Habría que ver cómo creaste el formulario.
    Saludos.

  15. Sos un maestro, muchas gracias, me mate pensando por que no llegaba! excelente post.
    Para los muchachos que tienen problema con el Captcha tienen que instalar un plugin adicional el “Really Simple CAPTCHA”. Es gratis solo búsquenlo en “plugin” .
    Un abrazo, Gracias.

    Saludos

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="">