Crea un formulario de carga de archivos en WordPress gratis: Guía para principiantes

¿Se pregunta cómo los usuarios pueden subir currículums, capturas de pantalla, documentos o archivos de proyectos a través de su formulario de WordPress?

Un campo de carga de archivos simple les permite enviar todo con el envío del formulario. No tienes que recopilar archivos por separado por correo electrónico. Y si eres un usuario de WordPress, es aún más fácil. Solo necesitarás el plugin de formularios adecuado.

Observa la frustración: Alguien llena todos los campos básicos de tu formulario de contacto, pero no encuentra forma de adjuntar una captura de pantalla de su problema. El formulario no tiene un campo para cargar archivos, por lo que tiene que enviarla por correo electrónico. Esto interrumpe el flujo y el usuario experimenta incomodidad. Se convierte en una molestia tanto para el usuario como para el administrador administrar todos los datos del formulario y la bandeja de entrada al mismo tiempo.

Entonces, ya sea que esté recopilando imágenes o cualquier tipo de documento, agregar una opción de carga de archivos es obligatorio. Hoy, veremos cómo crear un formulario de carga de archivos en WordPress, de forma totalmente gratuita.

¿Por qué añadir un campo de carga de archivos en los formularios de WordPress?

No todos los formularios requieren un campo para subir archivos. En la mayoría de los casos, los campos de texto son suficientes para recopilar información básica. Sin embargo, hay ciertas situaciones en las que subir archivos hace el proceso más rápido y fácil. Veamos algunos escenarios reales en los que necesitas un formulario para subir archivos:

• Al resolver tickets de soporte, adjuntar una captura de pantalla del error facilita que el equipo comprenda y solucione el problema.
• En el formularios de solicitud de empleo, los entrevistadores necesitan los currículums y portafolios de los candidatos para evaluarlos. 
• Durante la admisión en línea, a menudo se solicita a los estudiantes que envíen expedientes académicos, cartas de recomendación y documentos de identificación.
• Para formularios legales donde el cliente podría necesitar subir contratos u otros documentos legales.
• En los formularios médicos, los pacientes pueden adjuntar sus recetas, informes y otros documentos necesarios.  
• En los formularios de concursos, por ejemplo, en un formulario de concurso de fotografía, los participantes deben enviar sus fotos tomadas. 

Si no hubiera un campo para subir archivos, los usuarios habrían enviado sus archivos por correo electrónico. Con el tiempo, los correos electrónicos comenzarían a acumularse uno tras otro. Terminarías manejando los datos del formulario en un lugar y los archivos en otro.

Esto significa cambiar constantemente entre tu panel de WordPress y tu bandeja de entrada solo para relacionar las solicitudes con sus archivos. Este ir y venir ralentizará todo y aumentará la probabilidad de pasar por alto información importante.

Cómo crear un formulario de WordPress con carga de archivos 

Ahora que has visto en qué formas son útiles las opciones de carga de archivos. Lo siguiente es la parte que suele resultar confusa al principio: crear una y configurarla correctamente sin romper el flujo de tu formulario.

Lo bueno es que en WordPress existen creadores de formularios sencillos de tipo «arrastrar y soltar», como Bit Form. Con este plugin, crear un formulario de carga de archivos en WordPress es más fácil de lo que crees.

¿Y lo mejor de todo? Bit Form incluye un campo para subir archivos en el versión gratuita. Además, el plugin viene con más de 50 campos de formulario y varias funciones gratuitas con las que puedes crear formularios ilimitados como Formularios de varios pasos, formularios de lógica condicional, formas conversacionales, y más.

Ahora, construyamos el formulario de carga de archivos paso a paso.

Paso 1: Instalar y activar Bit Form

Si aún no has instalado Bit Form, ve al panel de control de WordPress.

Puedes seguir el método habitual: Navega a Plugins → Añadir nuevoBuscar Bit Form e instálalo y actívalo. O, simplemente descargar el archivo Bit Form del sitio web.

Una vez activado, verás «Bit Form» en tu panel de control.

Paso 2: Crea un Nuevo Formulario con Subida de Archivos 

Ahora, haz clic en “+"Crear Formulario”. Verás varias opciones para empezar desde cero o usar una plantilla predefinida.

Para esta guía, usaré una plantilla simple de formulario de contacto.

También puedes renombrar el formulario según su propósito. Esta es una buena práctica cuando gestionas múltiples formularios.

La plantilla ya incluye campos básicos como:

• Nombre
• Correo electrónico
• Mensaje

Ahora necesitas agregar una opción de carga de archivos. 

Después de agregar, el siguiente paso es configurar los ajustes del campo.

Paso 3: Configurar los ajustes del campo de carga de archivos 

Ve al panel de configuración del campo de carga de archivos.

Empecemos con la Configuración básica

• Añade una etiqueta clara para que los usuarios entiendan qué subir
• Haz el campo obligatorio si el archivo es obligatorio
• Agrega un texto de ayuda corto si es necesario

También puedes permitir que los usuarios suban:

• Múltiples archivos
• Diferentes tipos de archivo según su caso de uso

Estas son tus opciones principales de carga de archivos.

Paso 4: A continuación, vaya a Configuración avanzada

Aquí puedes:

• Personalizar el texto del botón de carga
• Añade iconos para mayor claridad visual
• Mostrar estado de selección de archivo

También puedes habilitar la vista previa de archivos o la vista de lista. Aparte de eso, también había muchas funciones útiles. Estas opciones ayudan a los usuarios a comprender lo que cargaron antes de enviar el formulario. Reduce los errores y mejora la experiencia general del usuario.

Después de terminar la configuración, no olvides presionar el botón “Actualización”botón en la esquina superior derecha. 

En esta etapa, tu formulario de WordPress con carga de archivos es completamente funcional.

Paso 5: Estiliza tu formulario

Una vez que el campo de carga de archivos esté listo, puedes ajustar el diseño del formulario desde la pestaña Estilo. Puedes estilizar tu formulario de carga de archivos como desees con Bit Form editor de estilo característica. 

Tal como hice, muévete a la “Estilo” pestaña. Aquí, puedes ir rápidamente a Ajustes Rápidos del Tema panel para ajustar colores de fondo, fuentes, tamaños de campo y otros elementos. O también puedes personalizar el elementos globales o diseñar los elementos del formulario individualmente. Los cambios aparecen en vivo, por lo que es fácil hacer coincidir el formulario con el diseño de tu sitio.

Cómo administrar archivos cargados con opciones de almacenamiento en la nube

Ahora te estarás preguntando a dónde van los archivos subidos. Bueno, por defecto, se almacenan en tu servidor. Funciona bien para formularios pequeños, pero el problema surge cuando tienes que gestionar archivos más grandes y cuando las presentaciones aumentan.

Qué sucede cuando los archivos se almacenan en tu servidor:

• Consumen tu espacio de alojamiento rápidamente
• Los archivos grandes pueden ralentizar tu sitio web
• Administrar archivos se vuelve complicado con el tiempo
• Las copias de seguridad y la recuperación se vuelven más críticas

Una mejor manera de administrar archivos

En lugar de depender solo de tu servidor, puedes enviar los archivos subidos directamente al almacenamiento en la nube.

Bit Form es compatible con las principales plataformas de almacenamiento en la nube, como Dropbox y Google Drive. En este ejemplo, utilizaremos Dropbox.

La integración con Dropbox está disponible en la versión gratuita, por lo que puedes enviar los archivos subidos a Dropbox sin gastar un céntimo. Para configurarlo, sigue estos pasos:

Nota: Bit Form se integra con más de 50 plataformas y servicios, y todos ellos son gratis.

Paso 1: Ir a Integraciones

Así que muévete hacia el “Configuración” panel del tablero. Luego ve a“Integraciones” del menú de la izquierda.

Luego busca Dropbox. 

Paso 2: Conectar Dropbox

Una vez que aparezca la aplicación, haz clic en ella y se mostrará una ventana de autorización. Para conectar tu cuenta de Dropbox, primero autoriza la aplicación de Dropbox con la clave de API, el secreto y el código de acceso. 

Una vez que completes la autorización, la integración se activará.

Paso 3:campo de carga de archivos de mapa

Después de conectar Dropbox, como puede ver en la imagen, solo quedan dos pasos más.

En el segundo paso, necesitas mapear el campo de entrada de archivos con la carpeta de Dropbox para que los archivos se envíen a la ubicación correcta.

También existe la opción de eliminar archivos de tu servidor de WordPress después de que se hayan subido a Dropbox. Activa esta opción si deseas mantener tu servidor limpio.

Hacer clic Siguiente, luego finaliza la configuración.

Paso 4: Guardar la Integración

Haga clic en “Terminar y Guardar” ¡y tu integración de almacenamiento en la nube está hecha!

Paso 5: Establecer el disparador para la carga de archivos

Después de conectar tu cuenta de Dropbox, necesitas decirle al formulario cuándo enviar archivos a Dropbox.

Ir a la Lógica condicional configuración. Verás una condición predeterminada llamada Mensaje de éxito. Haz clic en él y mantén las condiciones existentes tal como están.

Ahora desplázate hacia abajo hasta Configuración adicional. Desde aquí, seleccione la integración de Dropbox que acaba de crear. Esto vincula el envío del formulario con su almacenamiento en la nube.

Guarda la configuración una vez que termines. Ahora prueba tu formulario: envía un archivo a través de él y comprueba tu carpeta seleccionada de Dropbox. Debería estar funcionando perfectamente.

Cómo mantener seguro tu formulario de carga de archivos sin romper la experiencia del usuario

Añadir un formulario con carga de archivos siempre viene con una preocupación: ¿Y si alguien sube contenido perjudicial? Pero con algunas decisiones inteligentes, los problemas se pueden abordar más rápido.

La mayoría de los problemas ocurren cuando las formas se dejan demasiado abiertas. Por ejemplo, permitir cualquier tipo de archivo o tamaño ilimitado puede parecer flexible, pero hace que su sitio sea vulnerable a ataques y lo ralentiza.

Empieza con el control del tipo de archivo. Permite solo los formatos que realmente necesitas. Por ejemplo, usa el formato PDF o DOCX para documentos, y el formato JPG o PNG para imágenes.

El tamaño del archivo es lo siguiente a gestionarSi no hay límite, los usuarios pueden subir archivos grandes, lo que puede afectar el rendimiento de tu sitio. Así que configura un límite para evitar una carga innecesaria en tu sistema.

Almacenamiento también juega un papel en la seguridad. Cuando los archivos se conservan solo en su servidor, todo depende de su entorno de alojamiento. Como hicimos en la sección anterior, el uso de almacenamiento en la nube reduce esa dependencia y le brinda un mejor control sobre sus archivos.

También deberías esperar spam. Los formularios de WordPress tienden a atraer envíos automatizados. Una simple CAPTCHA o una capa de validación suele ser suficiente para bloquear la mayor parte sin hacer que el formulario sea más difícil de usar.

Si está recopilando documentos confidenciales como contratos o expedientes médicos, puedes utilizar la configuración de Bit Form para desactivar la visualización de entradas públicas y restringir el acceso solo a los usuarios que hayan iniciado sesión. Esto mantiene los archivos subidos fuera del alcance de cualquiera que no tenga una cuenta.

Finalmente, sigue revisando las cargas ocasionalmente y eliminar lo que no necesitas hace que tu sistema sea más fácil de administrar.

Bonificación: El Campo de Carga de Archivos Avanzada (Pro)

Si actualizas a Bit Form Pro (desde $29 al año), obtienes acceso a un más campo de carga de archivos avanzado que te da más control sobre la experiencia de carga.

Aquí se explica lo que admite el campo de carga de archivos avanzado:

• Arrastrar y soltar Los usuarios pueden arrastrar archivos directamente desde su escritorio a la zona de carga en lugar de navegar a través del explorador de archivos.
• Copiar y pegar: Los archivos se pueden pegar directamente en el campo desde el portapapeles.
• Reordenamiento de Archivos: Los usuarios pueden reorganizar el orden de los archivos seleccionados antes de enviarlos.
• Captura de cámara: En dispositivos móviles, los usuarios pueden tomar una foto directamente a través del formulario usando la cámara frontal o trasera, sin salir de la página.
• Opciones de diseño compacto y ampliado: Elige cómo se muestra el panel de carga, ya sea en una línea simple o en una vista expandida.
• Personalización del estilo de archivo: Controla la apariencia visual del botón de carga, incluyendo los estilos de solo icono, clásico y plano.

Sin embargo, no necesariamente necesita la Plan premium para crear un formulario de carga de archivos estándar de WordPress.

Hazte con Pro si tu flujo de trabajo necesita específicamente carga con arrastrar y soltar, captura de cámara móvil o un diseño de carga más personalizado. Si nada de eso te parece importante ahora, la versión gratuita es más que suficiente para crear un formulario estándar de WordPress con un campo para subir archivos.

Reflexiones finales

Espero que al leer hasta aquí, tenga claro que recopilar archivos en un formulario no es complicado. No necesita una configuración compleja ni un complemento de pago para crear un formulario básico de carga de archivos.

Crear un formulario con una opción de carga de archivos es sencillo si el creador de formularios ofrece el campo adecuado y pasos claros. Aquí, con este complemento, he controlado los tipos y el tamaño de archivo, personalizado el formulario y enviado los archivos cargados a un almacenamiento en la nube como Dropbox.

Así que, la próxima vez que alguien necesite enviarte un currículum, una captura de pantalla o un documento, no tendrá que rebuscar en su bandeja de entrada para enviar un correo electrónico. Podrán enviarlo directamente a través de tu sitio web.

Preguntas frecuentes