{"id":11824,"date":"2016-02-16T07:10:56","date_gmt":"2016-02-16T06:10:56","guid":{"rendered":"https:\/\/eltallerdelbit.com\/?p=11824"},"modified":"2020-08-27T22:32:23","modified_gmt":"2020-08-27T20:32:23","slug":"archivos-adjuntos-contact-form-7","status":"publish","type":"post","link":"https:\/\/eltallerdelbit.com\/archivos-adjuntos-contact-form-7\/","title":{"rendered":"Archivos adjuntos en Contact Form 7"},"content":{"rendered":"

Adjuntar archivos en Contact Form 7<\/strong> es una interesante funcionalidad que podemos integrar en nuestros formularios web.<\/h2>\n

 
\nLos pasos que realizaremos para conseguir adjuntar archivos con el plugin Contact Form 7 ser\u00e1n los siguientes:<\/p>\n

 <\/p>\n

Creamos un Formulario nuevo<\/p>\n

\"nuevo<\/p>\n

 <\/p>\n

En la pesta\u00f1a “Formulario<\/em>” aparecer\u00e1 nuestro formulario por defecto:<\/p>\n

Nombre (requerido)
\r\n     <\/p>\r\n\r\n
Correo electr\u00f3nico (requerido)
\r\n    [email* your-email] <\/p>\r\n\r\n
Asunto
\r\n     <\/p>\r\n\r\n
Mensaje
\r\n    [textarea your-message] <\/p>\r\n\r\n
[submit \"Enviar\"]<\/p><\/pre>\n
 <\/p>\n
Configuramos los campos necesarios para el formulario, y a\u00f1adimos el campo “archivo”<\/p>\n
\"pesta\u00f1a<\/p>\n
 <\/p>\n
Y aparecer\u00e1n las opciones de configuraci\u00f3n del campo “archivo<\/em>“.<\/p>\n
Entre estas opciones tenemos la de “L\u00edmite de tama\u00f1o de archivo<\/em>” y “Formatos de archivos aceptados<\/em>“. Si los rellenamos, aparecer\u00e1 el c\u00f3digo del formulario personalizado que veremos un poco m\u00e1s abajo.<\/p>\n
 <\/p>\n
Al haberlo personalizado\u00a0deber\u00eda quedar algo as\u00ed:<\/p>\n
[file file-113 limit:2000 filetypes:pdf|txt|doc|docx]<\/pre>\n
 <\/p>\n
 <\/p>\n
Con esto habremos configurado el plugin contact Form 7 para que sea posible a\u00f1adir\/adjuntar archivos en el formulario creado.<\/h4>\n
 Pero a\u00fan queda pendiente de configurar el email que recibiremos con dicho archivo adjunto. Si no configuramos esto, no recibiremos ning\u00fan archivo en los emails que recibamos desde el formulario<\/strong>.<\/center><\/p>\n
 <\/p>\n
 <\/p>\n
Configurar Contact Form 7<\/strong> para recibir emails de los formularios enviados con archivos adjuntos<\/strong><\/span><\/h3>\n
 
\nHemos de acceder a la pesta\u00f1a “Correo electr\u00f3nico<\/em>“, y a\u00f1adiremos el c\u00f3digo anterior: [file-113]<\/p>\n
 <\/p>\n
En cada caso el c\u00f3digo que Contact Form ofrecer\u00e1 ser\u00e1 distinto, as\u00ed que prestad atenci\u00f3n y copiad el c\u00f3digo exacto que Contact Form muestre.
\n 
\nA continuaci\u00f3n vemos los campos del correo electr\u00f3nico que podemos configurar:
\n 
\n\"correo<\/em>
\n 
\nPara<\/em>: ponemos la direcci\u00f3n de destinatario donde deseamos recibir los mensajes.<\/p>\n
De<\/em>: La direcci\u00f3n remitente. Aparecer\u00e1 algo as\u00ed como: wordpress@midominio.com<\/p>\n
Asunto<\/em>: El asunto que aparezca en el formulario.<\/p>\n
 <\/p>\n
 ** Y a continuaci\u00f3n una de las opciones m\u00e1s importantes, el cuerpo del mensaje, donde realmente configuraremos\u00a0Contact Form para enviar archivos adjuntos por email<\/strong>.**<\/center>
\n 
\nAh\u00ed hemos de a\u00f1adir el c\u00f3digo recibido de Contact Form 7 para el campo de archivo\u00a0<\/em>(recordemos que en este caso se trataba de file-113<\/em> ).
\n 
\nAs\u00ed que lo a\u00f1adimos de esta forma:<\/p>\n
[file-113]<\/pre>\n
 <\/p>\n
De esta forma el cuerpo del mensaje mostrar\u00e1 debajo del texto del mensaje el nombre del archivo adjunto.<\/p>\n
Lo a\u00f1adimos un poco m\u00e1s abajo, en el campo Archivos adjuntos<\/em>:<\/p>\n
\"campo<\/p>\n
 <\/p>\n
De esta forma ya podremos recibir los mensajes del formulario junto a los archivos adjuntos.
\n <\/p>\n
 <\/p>\n
Comprobando c\u00f3mo funciona el env\u00edo de archivos adjuntos en Contact Form 7<\/strong><\/span><\/h3>\n
 
\nVamos a ver una prueba adjuntando un archivo en un formulario de contact form 7:<\/p>\n
\"prueba<\/p>\n
 <\/p>\n
 
\nSi todo est\u00e1 correctamente configurado y no tenemos problemas de otro tipo, nuestro formulario ser\u00e1 enviado:<\/p>\n
\"mensaje
\n <\/p>\n
 
\n Y este es el email que recibiremos:
\nComo podemos ver, muestra los campos anteriormente configurados, y por \u00faltimo el archivo adjunto (un .doc en este caso):<\/p>\n
\"recibimos
\n <\/p>\n
 
\nY eso es todo. Hemos conseguido configurar Contact Form 7 para funcionar con\u00a0archivos adjuntos<\/strong>.<\/p>\n
Para m\u00e1s info est\u00e1 disponible\u00a0la documentaci\u00f3n de Contact Form 7<\/a><\/p>\n
 <\/p>\n\n
<\/div>","protected":false},"excerpt":{"rendered":"
Adjuntar archivos en Contact Form 7 es una interesante funcionalidad que podemos integrar en nuestros formularios web.<\/p>\n","protected":false},"author":1,"featured_media":11859,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false},"categories":[157],"tags":[1091],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/posts\/11824"}],"collection":[{"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/comments?post=11824"}],"version-history":[{"count":0,"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/posts\/11824\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/media\/11859"}],"wp:attachment":[{"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/media?parent=11824"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/categories?post=11824"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eltallerdelbit.com\/wp-json\/wp\/v2\/tags?post=11824"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}