Cómo crear un formulario de WordPress con múltiples cargas de archivo

¿Desea que sus usuarios agregen más archivos adjuntos a su formulario de contacto? A veces su formulario tiene que permitir que se carguen más de un archivo. En este artículo, le mostraremos exactamente cómo permitir que se carguen más archivos en WordPress. Aquí hay un contenido para este tutorial:
Cree su formulario de carga de archivo en WordPress
Cambiar al campo de carga de estilo clásico (opcional)
Personalizar la configuración del formulario
Configurar las notificaciones de formulario
Configurar confirmaciones de su formulario.
Agregue su formulario a su sitio web
Archivos de vista
¿Qué tipo de archivos se pueden cargar en WordPress? El complemento WPFFORMS facilita a los visitantes de su sitio para cargar todo tipo de archivos en sus formularios de contacto. Puede incorporar un campo de carga de archivo para cargar:
Documentos (.doc, .xls, .ppt y .pdf)
Imágenes (.png, .gif y .jpg)
Video (.mpg, .mov y .wmv)
Audio (.wav, .mp3 y .mp4)
Puede usar el mismo proceso para aceptar las cargas de archivos CSV en WordPress. Pero por razones de seguridad de WordPress, algunos archivos no se pueden cargar. Por ejemplo, puede cargar imágenes en WordPress, pero puede encontrar que algunos teléfonos inteligentes están bloqueados.
WPFORMS es el mejor complemento de WordPress Form Builder. ¡Tómelo gratis!
Si se encuentra con este problema, aquí es cómo permitir tipos adicionales de archivos de carga en sus formularios. Aquí hay una guía más específica para permitir los archivos de Adobe Illustrator.
Por lo tanto, sigamos adelante y verifiquemos cómo permitir que más archivos se carguen en sus formularios de contacto de WordPress. Cómo cargar más archivos cargando los visitantes de su sitio web para cargar un archivo en su formulario de WordPress para facilitar su recopilación de información. Pero a veces necesita más de un archivo en ellos. Por ejemplo, si tiene un formulario de solicitud de empleo y desea recopilar un CV, así como una carta de intención. WPFORMS es el mejor complemento de carga de archivos de WordPress. De manera predeterminada, el campo de carga de archivo WPFFORMS permite que se carguen más archivos a la vez. Todo lo que tiene que hacer es agregar el campo a su formulario, así que comencemos. Si ya tiene un formulario y solo desea ver cómo agregar un archivo que le cobra, verá cómo extraer el campo en su formulario en el editor en este primer paso. Lo primero que tendrá que hacer es instalar y activar el complemento WPFFORMS. Para obtener más detalles sobre cómo instalarlo, consulte esta guía paso a paso sobre cómo instalar un complemento en WordPress. Luego vaya al tablero de WordPress y haga clic en WPFORMS »Agregue nuevo en el panel izquierdo para crear un nuevo formulario y nombrarlo. Puedes elegir cualquier nombre que quieras.
Luego, desplácese hacia abajo a la sección de plantillas adicionales y escriba el “archivo de carga de formulario”, luego haga clic en él para abrir la plantilla.

Asegúrese de haber activado los formatos de paquete de complementos para buscar este formulario. WPFORMS ahora completará un formulario de carga de archivo preconstruido y mostrará el generador de arrastrar y soltar. Aquí puede agregar campos adicionales a su formulario de contacto sacándolos desde el panel izquierdo al panel derecho. Con el formulario de archivo de archivo del archivo, ya tendrá los campos, el correo electrónico, el teléfono, la carga del archivo y los comentarios adicionales.

Haga clic en cualquiera de los formales para hacer cambios. También puede hacer clic en un campo de formulario y tirarlo hacia arriba y hacia abajo para reorganizar el pedido de su formulario: puede agregar la carga de archivo a cualquier formulario de WordPress que cree. Simplemente deslice el archivo del formulario de carga del archivo, en los campos de fantasía, desde el panel izquierdo del editor de formulación en el panel derecho.

Puede hacer clic en el campo de carga del archivo y también modificar:
Etiqueta: nombre el formulario del formulario para que los visitantes de su sitio sepan lo que sirve.

Descripción: agregue una descripción que explique los detalles de los usuarios. Por ejemplo, si solo quieres que la gente suba una foto, dígales.
Extensiones de archivo permitidas: si desea restringir los tipos de archivos que se pueden cargar en su formulario de WordPress, colóquelos aquí, cada uno separado por una coma
Tamaño máximo del archivo: especifique, en Megalecto, el archivo con el tamaño máximo que permitirá a los usuarios cargar. Si deja este espacio en blanco, WPFFORMS establecerá el tamaño máximo de archivo que permite su host web. Si necesita cambiar esto, consulte este tutorial sobre cómo aumentar el tamaño máximo de carga en WordPress. .Bligatorie: si desea pedir a los usuarios que carguen un archivo antes de que puedan enviar su formulario, verifique esta casilla de verificación.
Estilo: puede cambiar entre el estilo moderno (recomendado) moderno y el estilo clásico (que cubriremos en detalle en el siguiente paso)
¿Se pregunta dónde se almacenarán estas cargas de archivo?
De manera predeterminada, todos los archivos cargados por los usuarios se almacenan en la carpeta WPFFORMS en el administrador de carga en su sitio para facilitar las cosas, también puede almacenar estos archivos en su biblioteca de WordPress de medios seleccionando el campo de la revista en el cuadro de selección de WordPress Media Biblioteca de opciones avanzadas.
También puede hacer que los formularios se vean bien siguiendo los pasos de nuestra publicación sobre cómo crear un formulario de múltiples pasos en WordPress. Pero en aras de este tutorial, permaneceremos con una sola página. Paso 2: Cambie al campo de carga de archivo clásico (opcional) Este paso es opcional y generalmente no se recomienda. Pero, si desea cambiar el estilo del campo de carga de archivos desde el estilo predeterminado en el estilo clásico con un botón “Elija ahora”, vaya al estilo de opciones avanzadas “y haga clic en el menú Drop -down para seleccionar el clásico.
Volver al estilo clásico podría ser una buena opción: usted. O sus usuarios prefieren un campo de carga de archivo de “botón”
Prefiere un campo de carga de archivo más compacto (y solo acepta 1 archivo)

Tenga en cuenta que el estilo de carga de archivo clásico acepta solo 1 carga en el campo. Deberá agregar otro campo de carga de archivo para aceptar más cargas en su formulario si usa el estilo clásico. Para que el formulario se vea sin problemas, deberá activar la lógica condicional en la primera carga de archivo clásico antes de agregar esos otros campos. De esta manera, esos campos de carga de archivos adicionales no aparecerán en su formulario a menos que un usuario los necesite.

Debido a que cada campo de carga de archivo clásico permite a los usuarios cargar solo un archivo, deberá averiguar cómo agregar más archivos cargados con el campo de estilo clásico. Haremos esto con lógica condicional. Para activar la lógica de las condiciones en un campo de estilo clásico, dibuje un campo desplegable desde el panel izquierdo en su formulario, justo encima del campo de carga del archivo. (Esto funcionará con cualquier número de campos de carga de archivos, pero para este ejemplo haremos 3.)
Ahora haga clic en el campo desplegable para ver las opciones de campo en el panel izquierdo y edite la etiqueta del campo desplegable para decir el número de archivos y opciones de carga para decir 1, 2 y 3.
Después de eso, haga clic en el campo de carga del archivo y en las opciones, desplácese hacia abajo y extienda la pestaña de acondicionamiento desde el panel izquierdo. Luego seleccione el BIFA para la activación lógica condicional.
Personalice la lógica condicional de este campo como captura de pantalla a continuación: Tenga en cuenta que se agregan nuevos campos haciendo clic en el botón Agregar nuevo grupo, que aplica la lógica o. Si necesita más detalles sobre el uso de lógica o lea nuestra guía sobre cómo usar la lógica condicional. El siguiente paso es duplicar este campo. En su formulario, haga clic en el icono duplicado en el lado derecho del campo de carga del archivo.

En el panel izquierdo, cambie la etiqueta del nuevo campo de carga de archivo para cargar el segundo archivo.

Ahora configure la lógica condicional para este nuevo campo como captura de pantalla a continuación. El único cambio del paso anterior es que hemos eliminado la primera acción que dice que el número de archivos de carga es 1.

Ahora, copie el segundo campo de carga de archivo haciendo clic en el icono y cambiando la etiqueta a cargo del tercer archivo.

Configure el campo lógico condicional al igual que la captura de pantalla a continuación. Mantendremos el último campo en el que escribe que el número de archivos de carga es 3.

Después de haber terminado de personalizar el formulario, haga clic en Guardar en la esquina superior derecha. Acaba de agregar más archivos para cargar archivos en su formulario.


Como puede ver, en la mayoría de los casos, querrá utilizar el estilo moderno para aceptar más cargas de archivos. Entonces, ahora que tiene la cantidad correcta de campos de carga de archivos en su formulario (ya sea solo 1 o más), está listo para configurar la configuración del formulario. Paso 3: Personalice la configuración del formulario para iniciar, acceder a la configuración »Generalidades.

Aquí puede configurar lo siguiente: Nombre del formulario: cambie el nombre de su formulario aquí, si lo desea.

Descripción del formulario – Dale una descripción del formulario.

Envíe el texto al botón: personalice la copia del botón de envío.

Prevención de spam: detenga el formulario de contacto con spam con la función anti -spam, hcaptcha o google recaptcha. El cuadro de selección anti-Spama se verifica automáticamente en todos los formularios nuevos.

Formularios AJAX: habilite la configuración de AJAX sin recarga de páginas.

Mejoras GDPR: puede desactivar el almacenamiento de información de entrada y detalles del usuario, como direcciones IP y agentes de usuarios, en un esfuerzo por cumplir con los requisitos de GDPR. Consulte nuestras instrucciones de paso por paso sobre cómo agregar un campo de GDPR a su formulario de contacto simple.
Y cuando haya terminado, haga clic en Guardar. Paso 4: Configure las notificaciones de notificaciones de formulario son una excelente manera de saber cuándo alguien envía uno de sus formularios. Y, si no apaga la función de notificación, recibirá una notificación por correo electrónico cuando alguien envíe un formulario en su sitio.
Para recibir un mensaje de correo electrónico cuando alguien completa su formulario, deberá configurar las notificaciones de formulario en WordPress y proporcionar su dirección de correo electrónico. Además, si usa etiquetas inteligentes, puede enviar una notificación personalizada a los visitantes de su sitio después de terminar su formulario, para informarles que lo ha recibido. Esto asegura a los usuarios que su forma ha pasado correctamente.
Para obtener más detalles, consulte nuestra guía del paso por paso sobre cómo enviar más formularios en WordPress. Además, tiene la opción de marcar fácilmente los correos electrónicos de notificación agregando el logotipo o cualquier imagen que elija en el área de imagen personalizada. El logotipo / imagen que elija aparecerá en la parte superior de las notificaciones de correo electrónico, como el logotipo de WPFFORMS a continuación. Nota: Entonces, debido a que los archivos adjuntos a menudo pueden afectar la capacidad de entrega de correos electrónicos, WPFFORMS no adjunta los archivos de usuario en los correos electrónicos de notificación. En cambio, enviamos los archivos cargados por correo electrónico como enlaces.
Paso 5: Confirme la confirmación de las confirmaciones del formulario del formulario son formas de actuar de inmediato (y automáticamente) después de que su usuario haya enviado información a su formulario para obtener ayuda adicional con este paso, consulte nuestro tutorial sobre la confirmación de las confirmaciones del formulario. Hay 3 tipos diferentes de confirmaciones en WPFFORMS:
Mensaje: este es el tipo de confirmación predeterminado que aparece después de que alguien acceda a su formulario y es personalizable. Consulte nuestros consejos sobre las formas de personalizar el mensaje de confirmación para mejorar la felicidad de los visitantes de su sitio.
Pantalla de página: envíe automáticamente a los usuarios a cualquier página en su sitio como una página de gratitud
Redirección: útil si desea llevar al usuario a otro sitio web o a una URL especializada para un desarrollo más complejo.

Entonces, veamos cómo configurar una confirmación simple del formulario en WPFORMS, para que pueda personalizar el mensaje exitoso que los visitantes del sitio verán al enviar un formulario en su sitio para comenzar, haga clic en la pestaña Confirmación desde el editor de formulación en Configuración. . Luego seleccione el tipo de tipo de confirmación que desea crear. Para este ejemplo, seleccionaremos el mensaje. Luego, personalice el mensaje de confirmación de acuerdo con su deseo y haga clic en Guardar cuando haya terminado. Ahora está listo para agregar su formulario a su sitio web. Paso 6: Agregue su formulario a su sitio web después de haber creado el formulario, debe agregarlo a su sitio de WordPress. Y WPFFORMS le permite agregar sus formularios en varios lugares en su sitio web, incluidas páginas, publicaciones de blog y widgets en la barra lateral. Por lo tanto, echemos un vistazo a la opción de colocación más común: incorporar la página / publicaciones. Para comenzar, cree una nueva página o publique en WordPress o acceda a la configuración de actualización en una existente. Después de eso, haga clic dentro del primer bloque (el área vacía en el título de su página) y haga clic en Addforms.

Ahora, el widget WPFFORMS aparecerá dentro de su bloque. Haga clic en el menú Decant WPFFORMS y elija el formulario que ya ha creado que desea insertar en su página. Así que seleccione el formulario de carga de archivo.

Luego haga clic en el botón azul en el lado superior derecho, que escribe publicado o actualizado para que su formulario aparezca en su sitio web.

¡Eso es todo! Su formulario ahora está en su sitio web. Paso 7: Ver archivos WPFFORMS almacene cada referencia de formulario como una entrada. Para ver los archivos cargados, vaya a las entradas WPFFORMS ». Y desde allí, seleccione el formulario correcto en el menú desplegable y haga clic en Ver. Luego haga clic con el botón derecho en el archivo para descargar el archivo o haga clic para verlo en su navegador.
Mejor, puede usar nuestro suplemento Zapier para guardar automáticamente todas las cargas de archivos en diferentes aplicaciones web, como:
Google Drive
Dropbox
y muchos otros servicios de almacenamiento en la nube

¡Haga clic aquí para comenzar a crear el formulario de carga de varios archivos ahora en conclusión aquí! Ahora sabe cómo crear un formulario de WordPress con múltiples cargas de archivo. También puede agregar un campo de pago y solicitar el pago con archivos. Y si le gustó este artículo, es posible que desee ver algunos ejemplos interesantes de diseño de páginas de contacto. ¿Entonces, Qué esperas? Comience hoy con el mejor complemento de formularios de WordPress. WPForms Pro viene con un formulario de carga de archivo gratuito que incluye un campo de carga de archivos múltiples. Si le gusta este artículo, síganos en Facebook y Twitter para obtener más tutoriales gratuitos de WordPress.