Cómo crear un formulario de carga de archivo en WordPress (paso a paso)

Hoy en día, un formulario de carga de archivos se ha vuelto importante para casi todos los sitios web. Hacer un formulario de carga de archivo en WordPress permite a sus visitantes cargar sus documentos, imágenes o archivos fácilmente.

Sin embargo, agregar un formulario de WordPress con la carga de archivos con codificación y diseño personalizados puede ser un poco complicado.

Es por eso que cada vez que busca un complemento de formulario de formulario en WordPress, asegúrese de que venga con funciones de carga de archivos. No solo eso, sino que también asegura que ofrezca funciones inteligentes para que tanto usted como su cliente puedan trabajar con una interfaz de usuario amigable.

En esta guía, caminaremos por todos y cada uno de los pasos para crear un formulario de carga de archivo en WordPress al tiempo que abordará sus otras preocupaciones con respecto a los formularios de carga. Entonces, vamos a sumergirnos.

¿Qué es un formulario de carga de archivo en WordPress?

Un formulario de carga de archivo de WordPress permite a los visitantes cargar archivos en sus sitios web. Si bien WordPress no viene con una función de carga de archivos incorporada, ofrece constructores de formulario de WordPress o complemento de carga de archivos en WordPress para hacer campos de carga de formulario y opciones de personalización.

Bueno, es posible que se pregunte por qué un formulario de carga de archivo es importante, y si vale la pena encontrar un complemento que lo admita.

Imaginemos su propio sitio de WordPress. Ahora, si un visitante enfrenta un problema mientras navega por su sitio web y extiende su mano favorita. Sin embargo, a veces a los usuarios les puede resultar difícil describir un problema claramente, y es cuando el formulario de carga de archivos es útil. Si tenía un campo de carga de archivo en su formulario de contacto o formulario de consulta, entonces el usuario podría adjuntar fácilmente capturas de pantalla. Esto puede resolver fácilmente los problemas tanto para el usuario como para la atención al cliente.

Este fue solo un ejemplo simple. Puede usar el formulario de carga de archivos para múltiples escenarios, como recopilar:

• Currículums o carta de presentación para solicitudes de empleo
• Fotos, videos u otros medios de usuarios para concursos o comentarios
• Clips de audio para podcasts
• IDS u otro documento requerido para el registro de eventos
• Proyecto de archivos zip o archivos de diseño para el diseño gráfico o el servicio al cliente

¡Y mucho más! Por lo tanto, no se puede negar un complemento de carga de archivo de WordPress, tiene múltiples beneficios. No se puede negar los formularios de carga de archivos son una necesidad esencial para cada sitio web. Comience a crear su propio formulario de carga de archivos y optimizar el proceso de recopilación de archivos.

Si también desea recopilar currículums, fotos y más con el momento "Oops ~ Olvidé cargar archivos", sin codificación compleja y experiencia de diseño cero, Arforms lo consiguió.

ARFORS ofrece una función de carga de archivos progresivo que permite a sus visitantes cargar múltiples archivos sin esfuerzo. Lo más interesante es que todas las formas están basadas en AJAX, lo que significa que las presentaciones son súper rápidas con el progreso de carga en vivo, no más recarga de páginas.

Por lo tanto, permítanos mostrarle la forma más fácil de crear un formulario de carga de archivos con ARFORS.

¿Cómo crear un formulario de carga de archivo con ARFORS?

Paso 1: Instale el complemento ARFORS

Para comenzar, primero debe instalar ARFORMS.

Arforms es un complemento de generador de formulario de WordPress fácil de usar para crear todo tipo de formularios. Junto con su simple constructor de arrastrar y soltar, crear un formulario de carga de archivos será muy fácil para usted.



¡Simplemente elija su plan ARFORMS y comience!

Una vez descargado con éxito el archivo ZIP, vaya a suPanel de WordPress → Plugins → Agregar nuevo. Simplemente cargue el archivo zip y active el complemento.

Paso 2: cree un nuevo formulario o elija plantilla

A continuación, debes crear un nuevo formulario.

Para hacerlo, debe ir a sutablero de WordPress → ARFORS → Agregar nuevo formulario, en la esquina superior derecha.



Simplemente haga clic en "Agregar nuevo formulario" y luego se le mostrará tres opciones para su nuevo formulario.

• Forma negra
• Plantillas
• Formularios de muestra

Elija un formulario en blanco o seleccione una plantilla preparada y complete detalles simples, como el título del formulario, la descripción y el tema. Por último, haga clic en "Continuar" para personalizar su formulario.

Paso 3: Agregue un campo de carga de archivo y cualquier otro campo requerido

Ahora puede agregar los campos que queremos según su formulario. Puede ser un formulario de contacto simple o un formulario complejo de múltiples pasos para la encuesta, ARFORS facilita la construcción de cualquier forma.

En el editor de formulario, simplemente haga clic una vez que el campo de carga del archivo y estará en su diseño de formulario.



Ahora haga clic en el campo de carga del archivo y verá varias opciones para personalizarlo.

Verá múltiples opciones como:

• Ajuste del tamaño del campo
• Haciéndolo requerido
• Campo de duplicación
• Eliminar campo
• Opción multi-columna y recuperable
• Y configuración de campo.

A continuación, haga clic en la opción "Configuración de campo" en el campo de archivo de carga particular. Un modelo emergente aparecerá con la siguiente configuración.



Desde aquí, puede habilitar la configuración para:

• Subidas de múltiples archivos
• Tipos de archivos permitidos (todos los tipos o tipos específicos)
• Adjuntar archivo con correo electrónico
• Nombre de la etiqueta, descripción y información sobre herramientas
• Mensajes específicos para una acción no válida
• Tamaño máximo de archivo

Después de configurar sus opciones de campo, haga clic en "Aceptar". Ahora el campo de formulario de carga de su archivo está listo para funcionar.

Recuerde que puede agregar campos adicionales simplemente arrastrándolo de las secciones "campo de entrada" y "otros campos". ¡Solo arrastre, suelte y personalice!

Paso 4: Personalice el formulario de carga de archivo de WordPress

Luego personalice y diseñe el formulario de carga de archivos como desee.



Edite otros campos de la misma manera que lo hicimos con los campos de carga de archivos.

Si va con las plantillas listas para llevar o los formularios de muestra, ¡entonces una gran felicitación! ¡Tu formulario ya está listo para el 90%!

Ahora todo queda para diseñarlo en consecuencia para que coincida con el tema de su sitio web.

ARFORS tiene una amplia gama de opciones elegantes, incluidas las básicas, avanzadas y personalizadas para cada tipo de forma.

• Opciones básicas de estilo:ofrece diferentes estilos de entrada, como forma de estilo de material, forma de estilo redondeado y forma de estilo estándar. Además, también puede elegir la familia de fuentes, el tamaño, los estilos, los esquemas de color y más.
• Opciones de formulario avanzado:ahora puede decidir si desea mostrar/ocultar el título y la descripción de formulario con un botón de palanca simple. Además, puede establecer la alineación de títulos y formularios, margen, imagen de fondo y sus posiciones, borde y mucho más.
• Estilización de nivel de campo:entendemos cuánto es importante cada detalle para una mejor personalización en los formularios. Por lo tanto, también tenemos a nivel de campo elegante que diseñan su campo cada píxel de detalle por píxel.
• Opciones de animación de campo:con más de más de 70 estilos de animación únicos, haga que su forma sea más divertida y atractiva. Con opciones sorprendentes, como la animación de carga y la animación de descanso de la página, decida qué quiere su formulario.
• Envíe el estilo del botón:diseñe su único botón fácilmente con opciones predefinidas. ¡Embellece tu botón de envío a tu manera! Aplicar efecto de sombra, alineación de establecimiento, estilo de borde, imagen de fondo y más.
• Estilización de validación de errores: ¡Muestre la retroalimentación del formulario de una manera limpia y fácil de usar! Todos sabemos que los mensajes de validación y error frustran a los visitantes, entonces, ¿por qué no hacerlos atractivos e interactivos para verse divertidos? Administre la fuente, el color del mensaje, el color de fondo del mensaje, los estilos, las posiciones y más.
• CSS personalizado:si bien estas opciones incorporadas son más que suficientes, si eres un tipo experto en tecnología y quieres tomar la iniciativa. ¡También puede escribir CSS personalizado y diseñarlo a su manera!

Con estas herramientas de estilo incorporadas y editor de formulario en tiempo real, su formulario profesional será perfecto para que coincida con el estilo de su sitio web.

Junto con 33+ tipos de campo avanzados y básicos y una vista previa en vivo rápida, ¡sus formularios están listos para comenzar!



También puede ver en la vista previa en vivo que el formulario de carga de archivos aparecerá en diferentes dispositivos. Después de todo, cada formulario ARFORS es totalmente personalizable y receptivo.



Además, si sientes que quieres incrustar los mapas de Google o los videos de YouTube en tu forma para una sensación más interactiva, puedes hacerlo aquí mismo.

Paso 5: Use la lógica condicional (opcional, función Pro)

¿Quieres hacer algunas formas interactivas? ¡No hay problema! Arforms también tiene una lógica condicional para diseñar su formulario de carga de archivos como un juego interactivo.

Supongamos que digamos que tiene un formulario de encuesta de estudiantes. Para mantener su formulario fácil de usar, es mejor evitar campos innecesarios, entonces, ¿cuál es la forma inteligente de simplificar? Puede optar por la lógica condicional. Si un estudiante decide que quiere subir su hoja de marca, entonces hace clic en el botón de radio "Sí". A continuación, ¡aparecerá automáticamente un campo de carga de archivo! Sin embargo, hacer clic en 'No' simplemente mantendrá las cosas como son. De esta manera, su forma mantiene su simplicidad al tiempo que ofrece campos avanzados si se desea.

Con ARFORMS, puede establecer una lógica condicional en diferentes campos y operar de diferentes maneras. Vamos a ver.

• Show
• Esconder el campo
• Habilitar campo
• Desactivar campo
• Establecer valor del campo

Para habilitar esta característica avanzada, simplemente vaya a laregla condicional → Establezca su campo "IF" → Establezca su campo "entonces".



A continuación, haga clic en el botón "Aceptar" y ahora su lógica condicional está configurada para hacerlo.

Paso 6: Configure las notificaciones de correo electrónico y las opciones de envío de formularios

¡Ahora su formulario de carga de archivo está completamente listo para iniciar! Sin embargo, antes de eso, es hora de configurar notificaciones automáticas por correo electrónico y opciones de envío de formularios si lo desea.

Envíe archivos enviados a su correo electrónico o administrador, y muestre un mensaje de éxito o redirige después del envío.

Haga clic en "Notificación por correo electrónico" y marque en la opción "Enviar una respuesta automática al usuario después del envío del formulario".



Desde aquí, puede establecer un campo seleccionado para enviar correo electrónico, asignatura de correo electrónico y más. También puede hacer sus propias plantillas de correo electrónico y personalizarlo con códigos cortos Arforms simples.

Por lo tanto, puede enviar archivos enviados a su correo electrónico o administrador del formulario de carga de archivos.

A continuación, si desea mostrar un mensaje de éxito o redirigir después del envío, ARFORS ofrece 4 tipos diferentes de acción de envío de formularios.

• Envío de formulario condicional
• Evitar entradas duplicadas
• Ocultar formulario después de la presentación
• Restringir el envío para el rango de fechas

Simplemente haga clic en "Enviar acción" y un cuadro emergente aparecerá con múltiples opciones.



Elija su acción de envío de formulario, mensajes de confirmación personalizados y más para brindar a sus visitantes una experiencias profesionales personalizadas.

Paso 7: publique el formulario y pruebe

¡Finalmente! Todo está en su lugar y lo único que queda por hacer es publicar su formulario en su página y publicar.

Simplemente vaya a "Administrar formularios" y copie el código corto de formulario de ARFORS. Cuando el código corto se copie con éxito, simplemente péguelo en cualquier página, publicación o barra lateral de WordPress. ¡Ahora su formulario de carga de archivo está listo para comenzar!



Una vez que su formulario está en vivo, puede probar fácilmente cómo aparece en su sitio web y notificaciones por correo electrónico.

¿Qué tipos de archivos están permitidos para cargar?

Bueno, Armember permite múltiples tipos de archivos para cargar, ofreciendo más flexibilidad que cualquier otro constructor de formularios. También puede decidir qué tipo específico de archivo puede cargar en su campo de formulario de carga para evitar confusiones.

Entonces, para las preocupaciones de seguridad, ARFORS tiene un límite máximo en la carga de archivos y solo tipos de archivos legítimos solamente. Sin embargo, incluso en estos tipos de archivos legítimos, tenemos múltiples opciones. Después de todo, todas las formas diseñadas con ARFORS están aseguradas con GDPR compatible con la protección de recapitulación y spam invisible.

Imagine que es un formulario de solicitud de empleo, entonces puede establecer específicamente que sus solicitantes deben cargar su currículum o CV en formato PDF, no imagen o zip. O si se trata de un formulario de atención al cliente, puede permitir múltiples tipos de imágenes pero rechazar archivos EXE o CSV para evitar errores.

Aquí hay una lista de tipos de archivos que sus visitantes pueden cargar:

• Documentos: PDF, DOC, DOCX, DOCM, ODT, PPT, PPTX, PPTM, PPS, PPSM, POT, XLS, XLSX, XLSM, XLSB, XLA, XLT, XLW, KEY, XSDD
• Imágenes: JPG, JPEG, JPE, PNG, GIF, AVIF, HEIC, HEIF
• Audio: MP3, M4A, M4B, FLAC, OGG, OGA, MID, MIDI, WAV, X-WAV
• VIDEO: MP4, M4V, MOV, QT, AVI, FLV, MPEG, MPG, MPE, 3GP, 3GPP, 3G2, 3GP2, WEBM, OGV

Pensamientos finales: simplifique la colección de archivos en su sitio

Entonces, para esta guía, hemos recorrido los pasos más fáciles para crear su formulario de carga de archivos en WordPress. Ya sea que desee un formulario de contacto simple o un formulario de encuesta complejo de múltiples pasos, ARFORS le permitirá convertir cualquier tipo de formulario en un formulario de carga de archivo.

Haga formas poderosas de WordPress con facilidad, sin importar cuán complejas o simples sean. Arforms le brinda diseños fáciles de usar con docenas de características de formulario de formulario para crear una forma profesional y atractiva.

Además, viene con más de 50 muestras de forma gratuita totalmente diseñadas, plantillas profesionales para iniciar su proyecto. Con un conjunto de características robustas como lógica condicional, lógica matemática, carga de archivos progresivos, progreso de formulario automático y más, publique sus formularios con facilidad.

Lo más interesante es que obtienes más de 24 integraciones de terceros, pasarelas de pago y complementos de funcionalidad sorprendentes para la vida útil con ARFORS PRO.

Por lo tanto, ¡comience a crear su propio formulario de carga de archivos y eleve el verdadero potencial de su sitio web!

Preguntas frecuentes en el archivo cargas en WordPress

¿Cómo creo un formulario de carga de archivo en WordPress?

Puede crear un formulario de carga de archivo fácilmente con el complemento de constructor de formulario correcto como ARFORS. Simplemente instálelo y cree su propio formulario con el campo de archivo de carga. Personalice su estilo y configuración para decidir el tamaño de archivo máximo, cargando múltiples archivos y más.

¿Puedo crear un formulario de carga de archivo en WordPress sin complementos?

Seguro que puedes. Sin embargo, debe ser un tipo o desarrollador experto en tecnología con buen conocimiento de CSS, HTML, JS y PHP. Si elige crear un formulario de carga de archivo sin un complemento, puede administrar los archivos cargados manualmente para el control completo.

¿Cómo cargo varios archivos a WordPress a través de un formulario?

Simplemente alterne en la opción "Habilitar múltiples archivos de carga" en la configuración del campo de carga de archivos en ARFORS. Ahora sus visitantes pueden cargar tantos archivos como quieran a la vez.

¿Qué tipos de archivos puedo cargar en los formularios de WordPress?

Puede cargar múltiples tipos de archivos de uso común y popular en el formulario de WordPress. Si realiza formularios de WordPress con ARFORM, puede agregar tipos de archivos populares como PDF, DOCX, JPG, PNG, MP4, MP3, XLSX y muchos más, incluidos formatos avanzados como HEIC, AVIF y 3GP.

¿Dónde se almacenan los archivos cargados en WordPress?

Principalmente, todos los archivos cargados se almacenan en su servidor de WordPress. Interior,/WP-Content/uploads/Directorio de forma predeterminada. Sin embargo, también puede acceder a ellos directamente en el tablero de "Entradas de formulario" de ARFORMS.

Lea esto también:

• 7 mejores constructores de formularios lógicos condicionales para WordPress (comparado)
• Formulario de plomo vs Página de destino: ¿Cuál impulsa más cables?
• 8+ ideas de formularios creativos para impulsar su negocio