{"id":39359,"date":"2021-06-22T13:52:09","date_gmt":"2021-06-22T11:52:09","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=39359"},"modified":"2021-06-22T13:54:07","modified_gmt":"2021-06-22T11:54:07","slug":"como-subir-multiples-archivos-funcion-arrastrar-soltar-contactform7-drag-and-drop-multiple-file-upload-contact-form-7","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/wordpress\/como-subir-multiples-archivos-funcion-arrastrar-soltar-contactform7-drag-and-drop-multiple-file-upload-contact-form-7\/","title":{"rendered":"C\u00f3mo Subir M\u00faltiples Archivos con la Funci\u00f3n de Arrastrar y Soltar en Contact Form 7 (Drag and Drop Multiple File Upload \u2013 Contact Form 7 \u2013)"},"content":{"rendered":"
<\/div>

Contact Form 7<\/a> como seguramente ya sabr\u00e1s es uno de los formularios de contacto m\u00e1s populares que se pueden integrar en tu website a trav\u00e9s de su correspondiente plugin de WordPress.<\/strong> De por s\u00ed solo, este formulario ya es muy bueno y dispone de todo lo necesario para crear el formulario de contacto que tu sitio web necesita, pero siempre se le puede ampliar sus capacidades con otros plugins<\/strong> adecuados para ello, como el que se nos presenta en el d\u00eda de hoy\u2026<\/p>\n

Drag and Drop Multiple File Upload<\/a><\/h2>\n

\"Drag<\/p>\n

Gracias al plugin Drag and Drop Multiple File Upload, podemos facilitar a nuestros visitantes la subida de archivos mediante la popular funci\u00f3n de arrastrar y soltar (drag and drop) en Contact Form 7.<\/strong> Este plugin tiene un cargador AJAX<\/em> que realiza la validaci\u00f3n sobre el tipo de archivo.<\/p>\n

Los webmasters tienen la opci\u00f3n de limitar la cantidad de archivos que se pueden subir y su tama\u00f1o. Tambi\u00e9n pueden elegir extensiones y tipos de archivos personalizados.<\/strong> Se pueden subir varios archivos a un formulario de Contact Form 7 mediante la funci\u00f3n de arrastrar y soltar (drag and drop)<\/strong>. Tambi\u00e9n tiene una barra de progreso<\/strong> sobre la propia subida de los archivos, para saber cuando se ha concluido.<\/p>\n

La versi\u00f3n gratuita de este plugin viene con muchas funciones \u00fatiles, pero la versi\u00f3n Pro (de pago) como es obvio dispone de muchas m\u00e1s. Muestra miniaturas de im\u00e1genes y podemos eliminar archivos despu\u00e9s de un cierto per\u00edodo de tiempo. Tambi\u00e9n podemos guardar archivos en la biblioteca multimedia de WordPress. Tambi\u00e9n admite subidas paralelas \/ secuenciales y de fragmentos. \u00a1La versi\u00f3n pro puede incluso optimizar autom\u00e1ticamente las im\u00e1genes!<\/p>\n

\"Contact<\/p>\n

A modo resumen podr\u00edamos decir que: Drag and Drop Multiple File Uploader es una mejora sustancial para Contact Form 7, ya que permite al usuario subir varios archivos utilizando la funci\u00f3n de arrastrar y soltar (drag and drop) o de buscar esos archivos en su propio disco duro de forma local.<\/strong><\/p>\n

A pesar de todo, recordemos que contra m\u00e1s campos tenga un formulario de contacto no por ello va a ser mejor o peor. Lo ideal es que tenga los campos estrictamente necesarios, luego si ya queremos ampliarlos es cosa nuestra. De hecho, disponemos de un art\u00edculo que esta muy bien donde comentamos todo esto –> Formulario de Contacto Perfecto \u00bfQu\u00e9 Datos Pedir al Usuario?<\/a><\/p>\n

DEMO de Drag and Drop Multiple File Uploader<\/strong><\/h3>\n

Haz Click Aqu\u00ed<\/a> para acceder a una peque\u00f1a DEMO de Drag and Drop Multiple File Uploader<\/strong>.<\/p>\n

V\u00eddeo – C\u00f3mo Crear un Campo para Subir Archivos en Contact Form 7<\/strong><\/h3>\n

Para acabar publicamos en formaci\u00f3n el siguiente v\u00eddeo en el que se explica de forma sencilla c\u00f3mo crear un campo en Contact Form 7, donde a\u00f1adir esta nueva caracter\u00edstica subida de archivos<\/strong> de la que hemos estado hablando (son los dos primeros minutos del v\u00eddeo). El v\u00eddeo tambi\u00e9n dispone de una segunda parte sobre como adjuntar archivos subidos al email, pero esta parte no tiene nada que ver con lo que hemos estado explicando, as\u00ed que podemos prescindir de ella si queremos.<\/p>\n