cómo crear un formulario de carga de archivos en wordpress_b

Cómo crear un formulario de carga de archivos en WordPress (Pasos sencillos)

¿Se pregunta cómo permitir que los visitantes de su sitio web carguen archivos adjuntos a través de un sencillo formulario de carga de archivos de WordPress?

Ofrecer a los usuarios la posibilidad de cargar documentos y archivos multimedia en su sitio de WordPress puede facilitarle la recopilación de la información que necesita.

Cree ahora su formulario de carga de archivos

En este artículo, le mostraremos cómo crear fácilmente un formulario de carga de archivos de WordPress utilizando el plugin WPForms.

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

El vídeo anterior le guiará a través de todo el proceso, o consulte los pasos siguientes para obtener la información más actualizada.

Paso 1: Instalar WPForms

Para empezar, necesitarás instalar WPForms. Como el mejor plugin constructor de formularios, puede crear fácilmente un formulario de carga de archivos con WPForms, gracias a su interfaz de arrastrar y soltar. Incluso tiene un campo dedicado a la carga de archivos, que utilizaremos en este tutorial.

La página de inicio de WPForms

WPForms viene con más de 2.000 plantillas de formularios que puedes usar tal cual o modificar para hacerlas tuyas. Eso incluye varias plantillas de formulario de carga de archivos para ayudarle a crear su forma rápida y aceptar archivos adjuntos, tales como:

  • Documentos (.doc, .xls, .ppt y .pdf)
  • Imágenes, (.png, .gif y .jpg)
  • Vídeos (.mpg, .mov y .wmv)
  • Archivos de audio (.wav, .mp3 y .mp4)
  • Y mucho más.

Si necesita ayuda para instalar WPForms, aprenda cómo instalar y activar un plugin de WordPress. Recuerde que necesitará una licencia de pago para utilizar el campo Carga de archivos.

Cree su formulario WordPress ahora

Paso 2: Elija una plantilla de formulario de carga de archivos

Vaya a su panel de WordPress y haga clic en WPForms " Añadir nuevo en el menú de la izquierda para añadir un nuevo formulario.

Utilizaremos una de las más de 2.000 plantillas de formularios de WPForms para crear nuestro formulario de carga de archivos y empezar a trabajar.

Desplácese hacia abajo y escriba "formulario de carga de archivos" en el campo de búsqueda de plantillas. Cuando esta plantilla aparezca en los resultados, mueve el cursor sobre ella y haz clic en Usar plantilla.

Elección de la plantilla del formulario de carga de archivos

A continuación, WPForms rellenará un formulario de carga de archivos pre-construido, donde se pueden añadir campos a través de la funcionalidad de arrastrar y soltar a la vista previa del formulario en el lado derecho.

Plantilla del formulario de carga de archivos

Ahora podemos personalizar nuestro formulario de carga de archivos de WordPress para que sea relevante para nuestro sitio web y los clientes que lo utilizarán.

Recuerde que puede añadir campos adicionales o mover su campo de carga de archivos a un lugar diferente simplemente arrastrando y soltando.

Añadir un campo de carga de archivos a un formulario de contacto

Paso 3: Personalizar el formulario de carga de archivos de WordPress

Con la plantilla Formulario de carga de archivos, ya dispondrá de los campos Nombre, Correo electrónico, Teléfono, Carga de archivos y Comentarios adicionales.

Haga clic en cualquiera de los campos del formulario para realizar cambios en su Etiqueta, Descripción y otros ajustes como la configuración de Smart Logic.

Opciones del campo de carga de archivos

Si hablamos del campo Carga de archivos, notará que viene con una lista de diferentes opciones para que usted las personalice. Estas incluyen:

  • Extensiones de archivo permitidas - Si desea restringir los tipos de archivos que se pueden subir a su formulario de WordPress, póngalos aquí, cada uno separado por una coma.
  • Tamaño Máximo de Archivo - Especifique, en megabytes, el tamaño máximo de archivo que permitirá subir a los usuarios. Si deja este campo en blanco, WPForms usará por defecto el tamaño máximo de archivo permitido por su proveedor de alojamiento web. Si necesita aumentarlo, vea este tutorial sobre cómo cambiar el tamaño máximo de carga de archivos en WordPress.
  • Max File Uploads - Si has elegido el estilo Moderno (ver más abajo), puedes especificar cuántos archivos pueden subir los usuarios a tu formulario.
  • Requerido - Si quiere requerir que los usuarios suban documentos a WordPress antes de que puedan enviar su formulario, seleccione esta casilla.
Carga moderna de archivos mediante arrastrar y soltar

En la pestaña Avanzado del panel de opciones de campo, dispone de las siguientes opciones:

  • Estilo - Puede cambiar entre el estilo Moderno por defecto (recomendado) y el estilo Clásico. Solo el estilo Moderno permite a los usuarios subir más de 1 archivo a la vez.
  • Guardar archivo en la biblioteca multimedia de WordPress: guarda los archivos cargados en este campo en la biblioteca multimedia de WordPress de su sitio.
  • Activar restricciones de acceso a archivos - Restrinja el acceso a la carga de archivos mediante la restricción de roles de usuario o la protección por contraseña.

Paso 4: Configurar notificaciones y confirmaciones de formularios

Las notificaciones son una excelente manera de saber cuando alguien envía uno de sus formularios de carga de archivos. Todos los formularios en WPForms tienen las notificaciones habilitadas por defecto.

Acceder a la configuración de las notificaciones de un formulario

Hay dos formas de incluir los archivos cargados en el formulario en la notificación por correo electrónico. La opción recomendada es utilizar etiquetas inteligentes para añadir un enlace al cuerpo del correo electrónico.

Un enlace para cargar archivos en una notificación por correo electrónico

El uso de etiquetas inteligentes significa que la propia imagen no se incluye en el correo electrónico. Eso puede ayudar a evitar que los correos electrónicos sean etiquetados como spam.

Si desea incluir la imagen como archivo adjunto, puede desplazarse hacia abajo hasta la Configuración avanzada de la notificación y Activar archivos adjuntos de carga.

Habilitar la carga de archivos adjuntos para una notificación por correo electrónico

Tenga en cuenta que los proveedores de correo electrónico pueden tener límites en el tamaño de los archivos adjuntos que puede enviar desde su sitio, por lo que es mejor probar su formulario cuando lo lance.

Una vez que hayas configurado la notificación del formulario, puedes seguir adelante y consultar nuestro tutorial sobre cómo configurar las confirmaciones del formulario. Para empezar, haz clic en la pestaña Confirmaciones del Editor de formularios, en Configuración.

confirmaciones de formularios

Hay 3 tipos diferentes de confirmaciones en WPForms:

  1. Mensaje - Este es el tipo de confirmación por defecto. Muestra un mensaje después de que alguien pulsa enviar en su formulario, y es personalizable.
  2. Mostrar página - Envía automáticamente a los usuarios a cualquier post o página de su sitio como una página de agradecimiento.
  3. Redirección - Útil si desea llevar al usuario a un sitio web diferente o a una URL especializada para un desarrollo más complejo.

Seleccione el tipo de confirmación que desea crear. Para este ejemplo, seleccionaremos Mensaje y añadiremos un mensaje de confirmación básico.

Personalización del mensaje de confirmación del formulario de carga de archivos

Siéntete libre de personalizar el mensaje de confirmación a tu gusto y haz clic en Guardar cuando hayas terminado. Ahora está listo para añadir su formulario a su sitio web.

Paso 5: Añada el formulario de carga de archivos a su sitio web

Una vez creado el formulario, debe añadirlo a su sitio de WordPress.

Además, WPForms te permite añadir tus formularios en múltiples lugares de tu sitio web WordPress, incluyendo tus páginas, entradas de blog y widgets de barra lateral.

Para empezar a incrustar su formulario de carga de archivos, cree una nueva página o entrada en WordPress, o vaya a la configuración de actualización en una ya existente.

Después de eso, añada un nuevo bloque y seleccione el icono WPForms para proceder y añadir su formulario a la página/post.

Añadir un bloque WPForms a una página

Haga clic en el menú desplegable WPForms y elija el formulario que ya ha creado que desea insertar en su página. Así que seleccione su formulario de carga de archivos.

Seleccionar un formulario de carga de archivos en el bloque WPForms

A continuación, haga clic en el botón azul de la parte superior derecha que dice Publicar o Actualizar, para que su formulario aparezca en su sitio web.

Publicación de un formulario de carga de archivos

Ya está. Su formulario de carga de archivos ya está activo en su sitio web y listo para empezar a aceptar archivos adjuntos de sus usuarios.

Paso 6: Ver los archivos subidos en WordPress

WPForms almacena cada envío de formulario como una entrada. Para ver los archivos subidos, vaya a WPForms " Entradas.

Y a partir de ahí, seleccione el formulario adecuado de la lista y haga clic en Ver para ver los detalles y archivos adjuntos relacionados con la entrada específica.

Visualización de una entrada en el formulario de carga de archivos

A continuación, haga clic con el botón derecho del ratón en el archivo para descargarlo, o haga clic para verlo en su navegador, ¡usted decide!

Ver la carga de archivos en una entrada

Mejor aún, el plugin WPForms WordPress tiene toneladas de complementos que puedes instalar para hacer más cosas con tus archivos.

Por ejemplo, puede utilizar nuestro complemento Zapier para guardar automáticamente todas las cargas de archivos en diferentes servicios, como:

Cree ahora su formulario de carga de archivos

Preguntas frecuentes sobre la carga de archivos en WordPress

La subida de archivos es un tema popular entre nuestros lectores. Estas son algunas preguntas comunes sobre la subida de archivos en WordPress.

¿Por qué utilizar un campo de carga de archivos en sus formularios?

Es posible que necesite añadir un campo de carga de archivos a sus formularios de WordPress para que los usuarios puedan cargar documentos en WordPress, así como otros tipos de archivos y medios, a medida que le envían sus formularios.

¿Qué tipos de formularios puedo crear?

Uno de los usos más comunes de un campo de carga de archivos es en los formularios de solicitud de empleo para que los solicitantes puedan adjuntar su currículum vitae y otros documentos importantes.

Sin embargo, existen innumerables escenarios en los que un formulario de carga de archivos de WordPress puede resultar increíblemente útil, como por ejemplo:

¿Qué formatos de archivo acepta WPForms?

Cuando crea un formulario para subir imágenes, WPForms utiliza los mismos valores predeterminados que WordPress:

  • Imágenes (.png, .gif y .jpg)
  • Documentos (.doc, .xls, .ppt y .pdf)
  • Vídeo (.mpg, .mov y .wmv)
  • Audio (.wav, .mp3 y .mp4)

A veces querrás aceptar subidas de archivos que WordPress no permite por defecto. Hay una manera fácil de hacerlo. A continuación te explicamos cómo permitir la subida de archivos adicionales a tus formularios mediante un plugin gratuito. Le permite especificar el formato de archivo y el tipo MIME para cada extensión de archivo adicional.

Si desea aumentar el tamaño máximo de carga de imágenes de su sitio, consulte este tutorial sobre cómo aumentar el tamaño máximo de carga de archivos en WordPress.

Cree ahora su formulario de carga de archivos

A continuación, cree un widget de carga de archivos en WordPress

Si quieres permitir que los visitantes de tu sitio web suban archivos directamente a él mediante un widget, no dejes de consultar nuestra útil guía sobre cómo crear un widget de subida de archivos para WordPress y facilitar la recopilación de la información que necesitas.

Cree ahora su formulario de carga de archivos

¿Listo para crear tu formulario? Empieza hoy mismo con el plugin más sencillo para crear formularios en WordPress. WPForms Pro incluye un montón de plantillas gratuitas y ofrece una garantía de devolución de dinero de 14 días.

Si este artículo te ha ayudado, síguenos en Facebook y Twitter para más tutoriales y guías gratuitas sobre WordPress.

Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPForms, por qué es importante y cómo puede apoyarnos.

Hamza Shahid

Hamza es un escritor del equipo de WPForms, que también se especializa en temas relacionados con el marketing digital, la ciberseguridad, los plugins de WordPress y los sistemas ERP.Más información

El mejor plugin de WordPress para crear formularios arrastrando y soltando

Fácil, rápido y seguro. Únete a más de 6 millones de propietarios de sitios web que confían en WPForms.

Active JavaScript en su navegador para rellenar este formulario.

42 comments on "Cómo crear un formulario para subir archivos en WordPress (pasos sencillos)"

  1. algunos realmente agradable y útil información sobre este sitio web, también creo que el diseño y el estilo contiene grandes características.

    1. Hola, Marcel.
      Gracias por tu pregunta.
      Esto se puede cambiar con el plugin "Loco Translate".
      Si tiene dificultades con ello, por favor contacte con nuestro equipo de soporte. Si tiene una licencia de WPForms, tiene acceso a nuestro soporte por correo electrónico, así que por favor envíe un ticket de soporte.

      De lo contrario, ofrecemos soporte gratuito limitado en el foro de soporte de WPForms Lite WordPress.org.

      Espero que esto os sirva de ayuda.
      Que lo pases bien 🙂 .

    1. Hola Hiren, ¡gracias por la pregunta!
      En el formulario de envío de mensajes, sólo puede utilizar los campos individuales de carga de archivos, ya que tendrá que añadir campos personalizados a sus mensajes y no hay ningún tipo de campo personalizado para almacenar varios archivos. Sin embargo, si sólo vas a subir imágenes, entonces puedes usar el campo personalizado Galería de imágenes y usar múltiples campos Subir archivos en tu formulario de envío de mensajes.
      En caso de que ayude, tenemos un gran tutorial sobre cómo crear un formulario de envío de mensajes en WPForms.
      Espero que esto te ayude.
      Que tengas un buen día 🙂 .

  2. Si yo quisiera utilizar este constructor de formularios para tomar su nombre, contacto y dirección postal junto con las imágenes de los clientes presentados y el texto para vender mi mercancía POD. ¿Cómo puedo vincular esto a mi cuenta de paypal y cuenta de autoresponder? ¿Para tomar su orden?

    1. Hola Steve,
      Para conectar WPforms con PayPal y añadir las opciones de pago de PayPal a tu formulario, puedes utilizar nuestro addon de PayPal, que está disponible con el nivel de licencia Pro o superior. No estoy al tanto del servicio Autoresponder que has mencionado, pero puedes comprobar si está disponible en Zapier - el servicio de conexión, entonces deberías ser capaz de integrarlo con WPforms a través de nuestro addon Zapier.
      ¡Espero que esto te ayude!
      Que tengas un buen día 🙂 .

  3. Hola, gracias por su plugin, estoy usando el plan básico.

    ¿Cómo puedo enviar un archivo adjunto con la confirmación de entrada al gestor? Sólo envía los campos de texto, pero no un archivo adjunto.

    Este es un problema cuando se utilizan entornos staging / live en el alojamiento, ya que durante la preparación de las actualizaciones en staging hay un montón de presentaciones en la versión live y, a continuación, después de empujar staging a live todos los archivos adjuntos se pierden.

    Gracias, señor.

    1. Hola Volodymyr.
      Actualmente WPForms no permite adjuntar archivos a los correos electrónicos. La razón es que a menudo puede dañar la entregabilidad del correo electrónico. Diferentes proveedores de correo electrónico tienen diferentes límites en el tipo y tamaño de los archivos que pueden aceptar. El envío de archivos que no pasan estas reglas a menudo significa que el correo electrónico no será entregado o rebotará.
      Espero que esto tenga sentido.
      Que te vaya bien 🙂 .

    1. Hola Jana - La limitación del tamaño de los archivos que subes en tus formularios es por defecto el máximo que permite tu alojamiento web. Sin embargo, puedes reducir este límite desde la configuración del formulario. En general, tener un tamaño de archivo alto no afectará a la velocidad general del sitio, pero llevará más tiempo cargar archivos grandes y los usuarios tendrán que esperar más tiempo para enviar el formulario.

      Espero que esta información le ayude.

    1. Hola Tim - Te pido disculpas, pero no estoy seguro de entender tu pregunta. Cuando tengas la oportunidad, ¿podrías compartir más detalles, o posiblemente un ejemplo de lo que estás buscando hacer? Gracias.

  4. Hola, gracias por este artículo.

    Utilizando el Modern Style, ¿cómo puedo subir una imagen y mostrarla en el mismo cuadro después de haberla subido; es decir, después de hacer clic en el botón de envío?

    Gracias

    1. Hola Noel - Me temo que esto no se puede hacer en este momento. Lo mantendremos en nuestra hoja de ruta para el futuro. Gracias por la sugerencia.

      Que lo pases bien 🙂 .

    1. Hola Debajyoti - Si quieres incluir archivos subidos en una página/post de WordPress, te recomiendo que configures el campo File Upload para que envíe los archivos a la Media Library de WordPress (puedes ver más detalles sobre esta configuración aquí). Esto le permitirá acceder fácilmente a esos archivos mientras utiliza el editor de páginas/post de WordPress.

      Espero que le sirva de ayuda. Si tienes más preguntas sobre esto, o si he malinterpretado tu pregunta de alguna manera, ponte en contacto con nuestro equipo de soporte. Estaremos encantados de ayudarte más desde allí 🙂 .

      1. al subir un archivo de audio, no se publica en el blog, pero el título y la información, pero no el reproductor de audio. ¿cómo puedo obtener el reproductor de audio o reproductor de vídeo para aparecer en el blogpost con entrada enviada?

      2. Hey Joe,

        Lo siento, pero actualmente no disponemos de una función incorporada para incrustar el audio/vídeo cargado en su respectivo reproductor de audio/vídeo en la entrada del blog. He tomado nota de la solicitud de la función y la mantendremos en nuestro radar mientras planificamos nuestra hoja de ruta para el futuro.

        Disculpe las molestias.

    1. Hola Till - Me temo que actualmente no tenemos una función incorporada de doble optin en el formulario. Si le sirve de ayuda, tenemos complementos para varios servicios de mercadeo por correo electrónico y la mayoría de estos servicios tienen características de opt-in doble que puede usar a través de WPForms. Por ejemplo, tenemos addons para la mayoría de los servicios de email marketing mencionados aquí. Por favor, eche un vistazo a la página de precios para saber qué addon está disponible con qué licencia.

      Espero que te sirva de ayuda.

    1. Hey Hardik- ¡Buena pregunta!

      Por defecto, los archivos cargados por el usuario se almacenan en la carpeta WPForms dentro del directorio Uploads de su sitio. (wp-content/uploads/wpforms)

      Espero que le sirva de ayuda. Si tienes alguna pregunta, no dudes en ponerte en contacto con nuestro equipo.

      Gracias, y que lo pases bien 🙂 .

  5. ¡LA CARGA DE ARCHIVOS YA NO ES GRATIS EN WPFORMS!
    Acabo de perder una hora creando un formulario y cuando llegué a la parte de carga de archivos, no pude hacerlo. Tan frustrante. por favor, actualice su puesto.

    1. Hola Lucas, lamento escuchar que estás teniendo algunos problemas con el campo File Upload en tu formulario. El campo File Upload sólo está disponible con cualquiera de nuestras versiones Pro (de pago) de WPForms como se menciona en el artículo. Nuestra versión Lite (gratuita) no incluye el campo File Upload. Si tiene problemas con el campo File Upload con una de nuestras versiones Pro, por favor contáctenos si tiene una suscripción activa.

      Si no es así, no dudes en hacernos algunas preguntas en nuestros foros de asistencia.

  6. ¿Cómo puedo descargar archivos de forma colectiva?
    La gente me envía unas 300 fotos y quiero descargarlas más rápido que haciendo clic en cada enlace.

    ¿Es posible?

    Gracias, señor.

    1. ¡Hola Martin! No tenemos ninguna opción que le permita descargar todos los archivos a la vez, ya que las entradas se almacenan en su propio puesto dentro de la base de datos de su sitio. Podrías descargar los archivos por lotes si accedes al servidor de tu sitio a través de FTP, o del Gestor de Archivos en el panel de control de tu hosting cPanel. Por defecto, los archivos cargados por el usuario se almacenan en el directorio Uploads de su sitio, dentro de la carpeta WPForms. Puede encontrar más detalles sobre nuestro campo Carga de Archivos en este artículo.

      Espero que esto te ayude a aclararte 🙂 Si tienes más preguntas al respecto, ponte en contacto con nosotros si tienes una suscripción activa. Si no la tienes, no dudes en dejarnos alguna pregunta en nuestros foros de soporte.

    1. Hola Theirry- Gran pregunta. Los nombres de los archivos subidos se conservan, pero añadimos un hash único al final del nombre del archivo, como probablemente hayas notado (por ejemplo: mi-logo-570543445db74.png). Esto se hace por razones de seguridad, para evitar que los usuarios traten de "husmear" por los archivos en su servidor después de haberlos subido, lo cual es común cuando alguien está tratando de ser nefasto.

      Por defecto, WPForms (y WordPress) no permitirán que se cargue ningún archivo que pueda ser dañino para su sitio web o que pueda ser explotado. Sin embargo, añadimos el hash al archivo para que los usuarios maliciosos no puedan abrir fácilmente un montón de archivos que se han subido a su sitio.

      Es posible personalizar el nombre de archivo con el nombre de usuario correspondiente. Sin embargo, le pido disculpas, ya que no podemos ofrecer soporte para este grado de personalización.

      En caso de que desee buscar opciones de desarrollo personalizadas, le recomendamos encarecidamente que utilice Codeable. Codeable selecciona a todos los desarrolladores por ti para asegurarse de que están altamente cualificados y son comunicativos, y también te ayuda a guiar todo el proceso de conexión y comunicación con el desarrollador más adecuado.

      Aquí está nuestro tutorial sobre el uso de Codeable, que proporciona más detalles sobre cómo funciona este proceso.

      Gracias!!! 🙂

  7. ¿Se pueden buscar todos estos archivos subidos por palabras clave? Estoy tratando de hacer algo como allí donde puedo tener usuarios subir archivos y rellenar palabras clave en el formulario de carga. Y luego otros usuarios pueden buscar esos archivos mediante palabras clave.

    1. Hola John. Gracias por ponerte en contacto con nosotros.

      Los nombres de los archivos subidos se conservan, pero añadimos un hash único al final del nombre del archivo, como probablemente hayas notado (por ejemplo: mi-logo-570543445db74.png). Esto se hace por razones de seguridad, para evitar que los usuarios traten de "husmear" los archivos en su servidor después de haberlos subido, lo cual es común cuando alguien está tratando de ser nefasto. Debería ser posible buscar a través de su archivo dependiendo del Nombre del archivo. Sin embargo, por el momento no disponemos de una función nativa para conseguirlo.

      Como solución, puede mostrar las entradas en el front-end utilizando este código personalizado y para una mayor personalización de la integración de una función de búsqueda, le sugerimos codeable o WPBuff.

      Gracias y que tenga un buen día.

Añadir un comentario

Nos alegra que haya decidido dejar un comentario. Por favor, tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Este formulario está protegido por Cloudflare Turnstile y se aplican la Política de privacidad y las Condiciones del servicio de Cloudflare.