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.

Unite a la lista de suscriptores

Una vez por mes vas a recibir un mail con contenido que se relaciona con lo que vemos en el blog, que extiende o anticipa lo que hacemos en Twitch, y que también suele incluir anécdotas del MundoReal® y algún que otro link.

Es gratis, no tiene publicidad y con el double opt-in de Mailchimp.