Cómo crear un formulario de carga de archivos en WordPress – (Paso a Paso)

¿Buscas crear un formulario de carga de archivos en WordPress? Agregar la función de carga de archivos a tus formularios de WordPress facilita la recopilación de la información que necesitas.

En este artículo, te mostraremos cómo crear un formulario de carga de archivos en WordPress, paso a paso, de la manera fácil.

¿Por qué crear un formulario de carga de archivos en WordPress?

Usar un formulario de carga de archivos en tu sitio de WordPress te permite recopilar fácilmente diferentes tipos de archivos y medios de los visitantes de tu sitio.

Hay muchas razones diferentes para usar un formulario de carga de archivos. Echemos un vistazo a algunas de ellas:

• Acepta solicitudes de empleo en línea y permite a los usuarios adjuntar sus CV.
• Permite a los autores invitados subir imágenes a través de formularios de envío de publicaciones de invitados en el front-end.
• Dale a los clientes una opción para enviar capturas de pantalla o pruebas
• Requiere prueba de identidad o edad para una compra
• Permite a los clientes potenciales cargar documentos para estimar un presupuesto
• Agrega archivos adjuntos para la entrada a un concurso o sorteo

Hay muchas razones para usar un formulario de carga de archivos. Solo necesitas asegurarte de tener la herramienta adecuada que te brinde las funciones que necesitas.

Elige un plugin de formularios para WordPress

Usar un plugin de formularios es la forma más fácil de publicar un formulario de carga de archivos en tu sitio web de WordPress.

Sin embargo, es fácil sentirse abrumado por los miles de plugins de formularios de carga de archivos de WordPress en el directorio de plugins de WordPress.org. Es por eso que hemos reducido las opciones a una para ti:

WPForms es el MEJOR creador de formularios para sitios web de WordPress. Puedes usarlo para crear todo tipo de formularios para tu sitio, incluyendo formularios de registro, inicio de sesión, contacto, cotización y más.

Hay formularios prediseñados para subir archivos. Puedes explorar plantillas, elegir la que mejor te convenga y personalizarla usando el constructor de arrastrar y soltar. Eso es todo. Es realmente tan simple de usar que nunca tendrás que tocar ningún código.

Aquí hay algunas formas en que WPForms se destaca:

1. Fácil de usar:

WPForms es el plugin de formularios de contacto más fácil de usar para WordPress que existe. Si puedes señalar y hacer clic, entonces puedes crear fácilmente un formulario de contacto con WPForms.

El backend es simple y está construido de manera similar a la interfaz de WordPress. Su potente constructor de arrastrar y soltar hace que sea súper fácil crear un hermoso formulario de contacto en minutos, no en horas.

2. Plantillas de formularios:

La gran variedad de plantillas de formularios incluidas con WPForms te permite crear fácilmente un formulario de WordPress sin tener que crear uno desde cero siempre.

Si deseas crear un formulario de WordPress adaptado a tu industria o nicho, puedes instalar el complemento Form Templates Pack. Independientemente de la industria, puedes encontrar la plantilla de formulario adecuada en WPForms.

3. Características:

Con WPForms, crear formularios avanzados en tu sitio web de WordPress es pan comido.

El plugin principal viene con todas las características esenciales que necesitarás para crear un formulario básico de WordPress en tu sitio. Al instalar complementos, puedes crear fácilmente formularios avanzados, como encuestas y sondeos, formularios de inicio de sesión, formularios de registro de usuarios, formularios de pedido, formularios de donación, formularios de suscripción a boletines informativos y más.

4. Extensiones de archivo

Como la seguridad es una prioridad principal en WPForms, por defecto, el plugin está configurado para aceptar los mismos formatos predeterminados:

• Imágenes como .png, .gif, .jpg
• Documentos como .doc, .xls, .ppt, .pdf
• Audio como .wav, .mp3, .mp4
• Video como .mpg, .mov, .wmv

Si desea aceptar tipos de archivo adicionales, simplemente necesita instalar este complemento gratuito llamado File Upload Types creado por WPForms. Podrá aceptar archivos como .ai, .zip, .xml, .svg, .csv, .mobi, .cad, .dwg y .dxf. El complemento le permite aceptar cualquier otra extensión de archivo que exista, incluidos tipos de archivo personalizados.

Por todas estas razones y más, creemos que WPForms es, sin duda, el mejor complemento de carga de archivos para WordPress.

¿Listo para crear tu formulario con una opción de carga de archivos? Comienza con WPForms »

¿Quieres empezar con la versión gratuita en su lugar? Prueba WPForms Lite.

Bono: Los usuarios de IsItWP obtienen un 10% de descuento en WPForms. Simplemente usa nuestro cupón de WPForms: SAVE10

Lee la reseña completa de WPForms para obtener aún más información. Ahora estamos listos para comenzar el tutorial paso a paso.

Paso 1: Crea un formulario simple en WordPress

Lo primero que deberá hacer es instalar y activar el complemento WPForms.

A continuación, ve a WPForms » Agregar nuevo para crear un nuevo formulario.

Ahora verá la pantalla de configuración donde puede elegir una plantilla de formulario y un nombre para su formulario. Hay una barra de búsqueda a la izquierda que le permite buscar o filtrar plantillas.

Elegiremos la plantilla Formulario de carga de archivos.

Ahora será dirigido al creador de formularios donde puede agregar nuevos campos o personalizar los campos existentes con arrastrar y soltar.

Por defecto, la plantilla Formulario de carga de archivos crea los siguientes campos: Nombre, Correo electrónico, Teléfono, Carga de archivos y Comentario o Mensaje.

En caso de que haya elegido una plantilla diferente que no tenga el campo Carga de archivos, no se preocupe. Verá los campos disponibles en la barra de tareas de la izquierda. Simplemente necesita seleccionar el campo Carga de archivos y arrastrarlo y soltarlo en la vista previa de su formulario.

De esta manera, puede agregar tantos campos nuevos como necesite. Algunos de ellos incluyen deslizadores numéricos, HTML, texto enriquecido, opción múltiple y menús desplegables.

Para personalizar un campo, simplemente haz clic en él en el constructor y personalízalo en el panel izquierdo. En el constructor, puedes reorganizar fácilmente los campos del formulario arrastrándolos y soltándolos en tu posición preferida.

Paso 2: Personaliza la función de carga de archivos

Ahora que hemos creado un formulario de carga simple, puedes personalizar la configuración para que se adapte a tus necesidades.

Cuando selecciones el campo de Carga de Archivos en la vista previa de tu formulario, verás que se abren opciones de personalización en el menú de la izquierda. Aquí puedes explorar la configuración General, Avanzada y Lógica Inteligente.

En la configuración General, puedes cambiar la etiqueta y la descripción. A continuación, hay opciones para permitir solo extensiones de archivo específicas. Por ejemplo, si estás aceptando currículums o CVs, puedes limitarlo solo a PDF y Docs y evitar que alguien cargue formatos de archivo como CSV y SVG.

Aquí están los detalles que puedes editar haciendo clic en ellos en el constructor:

• Etiqueta: Le dice a tus visitantes para qué es el campo del formulario.
• Descripción: Puedes escribir una descripción si deseas proporcionar más detalles a tus visitantes sobre el uso del campo del formulario.
• Extensiones de archivo permitidas: Por razones de almacenamiento y seguridad, puedes restringir los tipos de archivo que tus usuarios pueden cargar especificando los tipos en este campo, cada uno separado por una coma.
• Límite máximo de tamaño de archivo: Puedes especificar el tamaño máximo de archivo permitido en megabytes. Por defecto, WPForms permite un máximo de 128 MB. Puedes aumentar este límite si estás aceptando archivos grandes como imágenes de alta resolución.
• Máximo de archivos: Especifica el número de archivos que una persona puede cargar. Si estás aceptando una identificación, entonces solo la parte delantera y trasera de la tarjeta de identificación es suficiente, por lo que puedes limitar esto a 2 archivos.
• Requerido: Marca el campo como requerido seleccionando la casilla.

En la configuración Avanzada, puedes decidir si deseas que los archivos adjuntos se almacenen en la biblioteca de medios de WordPress. Puedes cambiar el estilo y también agregar clases CSS personalizadas.

La mejor parte es que incluso te permite subir varios archivos a la vez. Todo lo que el usuario tiene que hacer es arrastrar y soltar los archivos en tu campo de carga de archivos.

Paso 3: Habilitar lógica condicional si es necesario

La lógica condicional en WPForms te permite mostrar u ocultar campos según las entradas del usuario, de modo que puedas recopilar la información más relevante y evitar el desorden de tener demasiados campos no deseados.

Esta funcionalidad te permite mostrar el campo de carga de archivos solo si el usuario desea subir un archivo. Para habilitar la lógica condicional, ve a la pestaña Smart Logic y activa Enable conditional logic.

Por ejemplo, en nuestro formulario, queremos dar a los usuarios la opción de subir su identificación solo si tienen una.

Así que agregamos un campo desplegable que permite al usuario elegir si tiene una identificación existente o no. Luego seleccionamos el campo File Upload y habilitamos la lógica condicional en la pestaña Smart Logic. Seleccionamos 'Mostrar' este campo si '¿Tienes una identificación médica existente?' es 'Sí'.

Ahora, si el usuario dice que tiene una identificación médica, aparecerá un nuevo campo donde podrá subir su identificación. De lo contrario, este campo de carga de archivos no aparecerá.

Después de personalizar el formulario, haz clic en Save.

Ahora tu formulario está listo para ser publicado. Antes de eso, hay algunas configuraciones en WPForms que nos gustaría explorar contigo.

Paso 4: Configura los Ajustes Generales de Tu Formulario de Carga de Archivos

Para configurar los ajustes generales, ve a Settings » General.

Aquí puedes configurar los siguientes detalles:

• Nombre del formulario: Renombra tu formulario si lo deseas.
• Descripción del formulario: Agrega una descripción al formulario.
• Texto del botón de envío: Personaliza el texto del botón del formulario.
• Prevención de Spam: Para prevenir envíos de bots de spam, simplemente habilita esta opción.
• Mejoras de GDPR: Para cumplir con las leyes de GDPR, puedes deshabilitar el almacenamiento de las entradas del formulario y los detalles del usuario, como direcciones IP y agentes de usuario. Para más detalles, consulta cómo agregar un campo de acuerdo GDPR a los formularios de contacto de tu sitio.

Asegúrate de guardar tu formulario cuando hayas terminado.

Paso 5: Agrega Notificaciones para Tu Formulario de Carga de Archivos

A continuación, veamos cómo configurar las notificaciones por correo electrónico para tu formulario.

Si las notificaciones están activadas, recibirás un correo electrónico cada vez que alguien envíe un formulario.

Para mejorar la entrega de correos electrónicos, los archivos no se adjuntan a los correos. En su lugar, se envía un enlace descargable en los correos de notificación.

También puedes crear una nueva notificación para enviar una confirmación al usuario de que has recibido su envío. Aquí también hay lógica condicional. Esto te permite enviar diferentes correos electrónicos según lo que el usuario seleccione en el formulario.

Por ejemplo, si adjuntan archivos a su envío, podrías hacerles saber que los revisarás y les responderás. Si no han adjuntado nada, podrías enviar un correo electrónico presentando tu marca junto con instrucciones paso a paso sobre lo que necesitan hacer a continuación.

Con WPForms, también puedes integrar el formulario con tu servicio de marketing por correo electrónico. Algunas de estas integraciones incluyen Constant Contact y Brevo. Esto te permite agregar automáticamente nuevos suscriptores a tu lista de correo electrónico y comenzar con campañas de goteo.

Incluso puedes agregar una pasarela de pago como Stripe y PayPal para cobrar pagos en línea.

Paso 6: Configura la confirmación de tu formulario de carga de archivos

A continuación, veamos cómo configurar el mensaje de confirmación del formulario. El mensaje de confirmación le indica a tus visitantes si el formulario se procesó correctamente o no.

WPForms tiene 3 tipos de confirmación para elegir:

1. Mensaje: Puedes mostrar un simple mensaje de agradecimiento confirmando que el formulario se procesó correctamente.
2. Mostrar página: Puedes redirigir a tus clientes a una página de agradecimiento en tu sitio web usando esta opción.
3. Ir a URL (Redirigir): Esta opción se puede usar cuando desea redirigir a los visitantes del sitio a un sitio web diferente.

Te mostraremos cómo configurar una confirmación de formulario simple en WPForms.

Dirígete a Configuración » Confirmación en tu editor de formularios.

A continuación, selecciona el tipo de confirmación que deseas crear. En este ejemplo, elegiremos Mensaje.

Asegúrate de editar el mensaje de confirmación como desees y luego guarda tus cambios.

Ahora, puedes proceder a publicar el formulario de contacto en tu sitio web.

Paso 7: Publica tu formulario de carga de archivos

Con WPForms, publicar tu formulario de carga de archivos es fácil. El plugin te permite publicar tu formulario en cualquier lugar de tu sitio, incluyendo publicaciones, páginas, widgets de barra lateral o áreas de pie de página con widgets.

Veamos cómo publicar tu formulario en publicaciones o páginas.

Crea una nueva publicación o página en WordPress y agrega un nuevo bloque. Luego elige el bloque WPForms y verás un menú desplegable agregado a tu página de WordPress.

Aquí puedes seleccionar el formulario que acabas de crear y publicar la página. Eso es todo. También puedes agregarlo a tu pie de página o barra lateral en la pestaña Apariencia » Widgets. Verás el widget WPForms que puedes arrastrar y soltar en tu barra lateral. Luego tendrás la opción de agregar un título y seleccionar el formulario.

WPForms también admite códigos cortos si los necesitas. Con eso, habrás incrustado un formulario de carga de archivos en tu sitio web.

Paso 8: Ver archivos cargados

Para ver los archivos cargados, puedes navegar a WPForms » Entradas. Verás análisis integrados y todos los formularios que creaste aquí.

Elige el formulario de carga de archivos aquí y serás llevado a una nueva página donde podrás ver cada envío del formulario.

Luego, puedes ver entradas individuales y verás el archivo disponible aquí.

Ahora puedes encontrar las entradas del formulario, incluido el archivo cargado, en tu panel de WordPress. Puedes agregar notas a cada entrada para hacer un seguimiento de las cosas por tu cuenta o para trabajar en equipo. También verás opciones para tomar medidas como imprimir, exportar, reenviar notificaciones o resaltar la entrada.

¡Eso es todo!

Esperamos que esta guía te haya ayudado a crear fácilmente un formulario de carga de archivos en WordPress. Puedes hacer mucho más con WPForms. Puedes crear formularios de registro para webinars, formularios de solicitud de empleo, formularios de concursos y cualquier otra cosa que necesites. Para saber más sobre esto, lee nuestra reseña completa de WPForms.

Si deseas agregar este formulario a una ventana emergente, te recomendamos echar un vistazo a OptinMonster. Es el mejor creador de ventanas emergentes enfocado en la conversión. Se integra perfectamente con WPForms y muestra el formulario dentro de tu ventana emergente.