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

Dar a los usuarios la posibilidad de añadir archivos y medios a los formularios de tu sitio puede facilitarte mucho la recopilación de la información que necesitas. Por eso necesitas un widget de carga de archivos.

Puede que te preocupe cómo hacer que el proceso sea fluido sin tener que lidiar con códigos complejos o plugins poco fiables. Lo entiendo perfectamente: nadie quiere pasarse horas resolviendo problemas de algo que debería ser sencillo.

Es por eso que en esta guía, voy a mostrarle cómo crear un widget de carga de archivos en WordPress para aceptar archivos de los visitantes de su sitio web.

Crea ya tu formulario widget para subir archivos en WordPress 🙂 .

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

Dependiendo del tipo de información que quieras recopilar en tu formulario, utilizar un widget de carga de WordPress es una de las mejores formas de facilitarte la obtención de más información de tus usuarios de forma rápida.

Por ejemplo, esta sería una buena ubicación de formulario para permitir a los visitantes subir imágenes a WordPress. Hacer que los formularios sean más fáciles de rellenar y más accesibles ayuda a reducir la tasa de abandono de formularios para que su sitio web de WordPress pueda generar más ingresos.

También puede aprender cómo aceptar tipos de archivos adicionales en sus formularios de carga de WordPress o puede saltar a otra guía si desea exigir el pago por la carga de archivos.

Si estás listo para empezar, aquí tienes un tutorial en vídeo sobre cómo crear un widget de carga de archivos en WordPress o puedes seguir las instrucciones escritas.

Antes de crear tu widget de subida de archivos de WordPress, necesitarás crear un formulario de subida de archivos de WordPress. Si ya lo has hecho, puedes ir al paso 6.

Paso 1: Cree su formulario de carga de archivos en WordPress

WPForms es el mejor plugin para subir archivos. A diferencia de la función de subida de archivos de Google Forms, WPForms te permite añadir subidas de archivos en cualquier parte de tu sitio, no solo en las páginas de formularios.

Lo primero que tendrá que hacer es instalar y activar el plugin WPForms. Para más detalles sobre cómo instalarlo, consulta esta guía paso a paso sobre cómo instalar un plugin en WordPress.

A continuación, vaya a su panel de WordPress y haga clic en WPForms " Añadir nuevo en el menú de la izquierda para crear un nuevo formulario y nómbrelo como desee.

A continuación, desplácese hasta la sección Seleccionar una plantilla y busque la plantilla del formulario de carga de archivos. A continuación, haga clic en Usar plantilla para abrirla.

Ahora, WPForms llenará un formulario de carga de archivos pre-construido y mostrará el constructor de arrastrar y soltar.

Aquí puedes añadir campos adicionales a tu formulario arrastrándolos desde el panel de la izquierda al área de previsualización de la derecha. También puedes eliminar campos para asegurarte de que el formulario encaja bien en el widget de carga una vez que lo añadas en el paso 6.

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. También puede hacer clic en un campo de formulario y arrastrarlo para reorganizar el orden en su formulario de contacto.

Para nuestro ejemplo, eliminaremos los campos Teléfono y Comentarios adicionales para hacer este formulario más pequeño y que quepa mejor en nuestro widget. Haz clic en el icono de la papelera para eliminar un campo.

Recuerde que también puede añadir el campo Carga de archivos a cualquier formulario de WordPress que cree. Solo tienes que arrastrar el campo de formulario File Upload, que se encuentra en Fancy Fields, desde el panel de la izquierda hasta el área de vista previa.

Paso 2: Configurar las opciones del campo de carga de archivos

Puede personalizar su campo de carga de archivos haciendo clic en él para abrir sus opciones de campo.

Aquí puedes cambiar el:

• Etiqueta - Nombre el campo del formulario para que los visitantes de su sitio sepan para qué sirve.
• Descripción - Añade una descripción que explique los detalles a los usuarios. Por ejemplo, si sólo quieres que la gente suba una imagen, díselo.
• Extensiones de archivo permitidas - Si desea restringir los tipos de archivos que se pueden cargar en 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 no escribe un número aquí, WPForms usará por defecto el tamaño máximo de archivo permitido por su servidor. Si necesita cambiar esto, vea este tutorial sobre como incrementar el tamaño máximo de carga de archivos en WordPress.
• Carga máxima de archivos - Si utiliza el campo de carga de archivos de estilo moderno, puede establecer un límite en el número de archivos que los usuarios pueden cargar a la vez.
• Obligatorio - Si desea exigir que los usuarios carguen un archivo antes de poder enviar su formulario, seleccione esta casilla.

También hay más opciones disponibles en la pestaña Avanzado.

• Estilo - Puede cambiar entre el estilo Moderno por defecto y el estilo Clásico. El campo Modern Field Upload permite a los usuarios arrastrar y soltar archivos en su formulario y permite la carga múltiple de archivos. El estilo Clásico ofrece a los usuarios un botón Elegir archivo para seleccionar un archivo de su ordenador.
• Almacenar archivos en la biblioteca multimedia de WordPress - Por defecto, todos los archivos subidos por los usuarios se almacenan en la carpeta WPForms dentro del directorio Uploads de su sitio. Para facilitar las cosas, también puede almacenar estos archivos en su biblioteca multimedia de WordPress.
• Habilitar restricciones de acceso a archivos: restrinja el acceso a los archivos cargados en función de los roles de usuario o añadiendo protección mediante contraseña.
• Ocultar etiqueta - Ocultar la etiqueta del campo de formulario

También puede hacer que los formularios se vean muy bien siguiendo los pasos de nuestro post sobre cómo crear un formulario de varios pasos en WordPress. Pero por el bien de este tutorial, nos quedaremos con una sola página.

Una vez que su formulario tenga el aspecto que desea, haga clic en Guardar en la esquina superior derecha del constructor.

Paso 3: Personalizar la configuración del formulario de carga de archivos

Para empezar, ve a Ajustes " General.

Aquí puede configurar lo siguiente:

• Nombre del formulario - Cambie aquí el nombre de su formulario si lo desea.
• Descripción del formulario - Dé una descripción a su formulario.
• Etiquetas - Añade etiquetas a tus formularios para organizarlos.
• Texto del botón de envío: personalice el texto del botón de envío.
• Submit Button Processing Text - Cambie el texto que se muestra mientras su formulario se está enviando.

A continuación, amplíe la sección Avanzadas para configurar también los siguientes parámetros:

• Clases CSS - Añade CSS personalizado a tu formulario o botón de envío.
• Precompletar por URL - Rellene automáticamente algunos campos basándose en una URL.
• Habilitar envío de formulario AJAX - Habilita la configuración AJAX sin recarga de página.
• Desactivar el almacenamiento de información de entrada en WordPress - Puedes desactivar el almacenamiento de información de entrada y detalles del usuario, como direcciones IP y agentes de usuario, en un esfuerzo por cumplir con los requisitos del GDPR. Consulta nuestras instrucciones paso a paso sobre cómo añadir un campo de acuerdo GDPR a tu sencillo formulario de contacto.

Una vez que hayas terminado con la configuración General, desplázate hacia abajo hasta la configuración de Protección contra Spam y Seguridad.

Aquí hay algunos ajustes adicionales que puede configurar:

• Active la protección antispam - Detenga el spam en los formularios de contacto con la función antispam, hCaptcha o Google reCAPTCHA. La casilla antispam se marca automáticamente en todos los formularios nuevos.
• Activar la protección antispam de Akismet - Si utiliza el plugin Akismet para gestionar el spam, puede conectarlo a este formulario para evitar entradas falsas.
• Activar filtro de país - Impide entradas de países específicos.
• Activar filtro de palabras clave: bloquea los envíos que incluyan determinadas palabras o frases.

Y cuando hayas terminado, haz clic en Guardar.

Paso 4: Configure las notificaciones de su formulario

Las notificaciones son una excelente manera de saber cuando alguien envía un archivo a su widget de carga de WordPress.

Y, a menos que desactive la función de notificación, recibirá una notificación por correo electrónico cada vez que alguien envíe un formulario en su sitio.

Para recibir un mensaje de correo electrónico cuando alguien complete su formulario, tendrá que configurar las notificaciones de formulario en WordPress y proporcionar su dirección de correo electrónico.

Además, si utiliza etiquetas inteligentes, puede enviar una notificación personalizada a los visitantes de su sitio web una vez que finalicen el formulario para informarles de que lo ha recibido. Esto asegura a los usuarios que su formulario se ha completado correctamente, junto con la carga de archivos.

Para más información, consulte nuestra guía paso a paso sobre cómo enviar notificaciones de formularios múltiples en WordPress.

También puede utilizar etiquetas inteligentes para incluir un enlace al archivo cargado de la entrada en la notificación por correo electrónico.

O, si lo prefiere, puede incluir el archivo como adjunto. Para ello, desplácese hasta la configuración avanzada de su notificación y active la opción de adjuntar archivos.

Tenga en cuenta que los proveedores de correo electrónico a veces tienen restricciones en cuanto al tamaño de los archivos adjuntos. Los archivos adjuntos de gran tamaño pueden impedir que los mensajes se envíen correctamente.

Por último, usted tiene la opción de marcar fácilmente sus correos electrónicos de notificación mediante la adición de su logotipo o cualquier imagen que usted elija en el área de imagen de cabecera personalizada. El logotipo/imagen que elija se mostrará en la parte superior de las notificaciones por correo electrónico como el logotipo de WPForms a continuación.

Paso 5: Configurar las confirmaciones del formulario de carga de archivos

Las confirmaciones de formularios son formas de actuar de forma inmediata (y automática) después de que el usuario haya enviado información al widget de carga de WordPress. Para obtener más ayuda con este paso, consulta nuestro tutorial sobre cómo configurar confirmaciones de formularios.

Hay 3 tipos diferentes de confirmaciones en WPForms:

1. Mensaje - Este es el tipo de confirmación por defecto que aparece después de que alguien pulsa enviar en su formulario, y es personalizable. Echa un vistazo a nuestros consejos sobre cómo personalizar tu mensaje de confirmación para aumentar la felicidad de los visitantes de tu sitio.
2. Mostrar página - Envíe automáticamente a los usuarios a cualquier 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.

Así que vamos a ver cómo configurar un simple formulario de confirmación en WPForms para que pueda personalizar el mensaje de éxito que los visitantes del sitio verán cuando envíen un formulario en su sitio.

Para empezar, haga clic en la pestaña Confirmaciones del Editor de formularios, en Configuración.

A continuación, seleccione el tipo de confirmación que desea crear. Para este ejemplo, seleccionaremos Mensaje.

A continuación, personaliza el mensaje de confirmación a tu gusto y haz clic en Guardar cuando hayas terminado.

Ahora estás listo para añadir tu formulario a los widgets de tu sitio web.

Paso 6: Añada su formulario de carga de archivos a un widget

Una vez creado el formulario, puede añadirlo a un área de widgets de su sitio de WordPress.

WPForms le permite añadir sus formularios a múltiples lugares en su sitio web, incluyendo sus páginas, entradas de blog y widgets de WordPress.

Para añadir el formulario de carga de archivos a un widget y crear su propio widget de carga, vaya al menú de la izquierda de su panel de control de WordPress y haga clic en Apariencia " Widgets.

Aquí verás diferentes secciones para las áreas de widgets que proporciona tu tema de WordPress. Expande la sección para el área donde quieres añadir tu formulario de subida de archivos. Para nuestro ejemplo, lo pondremos en la barra lateral.

Haz clic en el botón más (+) para añadir un nuevo bloque a tu área de widgets y selecciona el bloque WPForms . Puedes buscarlo si no lo ves enseguida.

A continuación, elija el formulario de carga de archivos en el menú desplegable del bloque WPForms.

El formulario de carga de archivos se cargará en el widget. Ahora solo tienes que hacer clic en el botón Actualizar para que el widget de carga de archivos esté activo.

Ya está. Su formulario de carga de archivos está ahora en un widget de WordPress en su sitio web.

Paso 7: Ver los archivos enviados

WPForms almacena cada envío de formulario como una entrada en la base de datos de WordPress. Para ver los archivos subidos, vaya a WPForms " Entradas. A continuación, haga clic en el nombre de su formulario widget de carga de archivos.

Una vez que esté viendo todas las entradas, puede hacer clic en Ver en la columna Acciones de una entrada individual para acceder al archivo que se cargó a través del widget de carga de WordPress.

Ahora, puede hacer clic con el botón derecho del ratón en el archivo para descargarlo, o hacer clic en él para verlo en su navegador.

Mejor aún, puede utilizar nuestro addon Zapier, para guardar automáticamente todas las subidas de archivos a:

• Google Drive
• Dropbox
• y muchos otros servicios de almacenamiento en la nube

Y para saber cómo encuentra la gente tu formulario de carga y tu sitio web, lee nuestra guía sobre cómo instalar Google Analytics en WordPress.

FAQs - Cómo crear un widget de subida de archivos en WordPress

¿Cómo puedo añadir una función de carga de archivos en WordPress?

Para añadir una función de carga de archivos en WordPress, puede utilizar un plugin como WPForms. Simplemente instale WPForms, cree un nuevo formulario y añádale el campo File Upload. A continuación, incrusta el formulario en la página o área de widgets que desees.

¿Es WordPress compatible con la carga de archivos?

Sí, WordPress admite la carga de archivos por defecto, pero puede mejorar esta funcionalidad con plugins como WPForms, que le permite crear fácilmente formularios con opciones de carga de archivos, facilitando a los usuarios el envío de archivos directamente a través de su sitio.

¿Cómo puedo permitir que alguien suba un archivo a WordPress?

Para permitir que alguien suba un archivo a su sitio WordPress, utilice WPForms. Cree un formulario con un campo de carga de archivos y colóquelo en su sitio. Los visitantes podrán utilizar el formulario para subir sus archivos directamente a la biblioteca multimedia de WordPress.

¿Cómo añado un botón para subir imágenes en WordPress?

Para añadir un botón de subida de imágenes en WordPress, puede utilizar WPForms. Cree un formulario e incluya el campo File Upload, que puede ser configurado para aceptar archivos de imagen. Esto crea una manera fácil para que los usuarios suban imágenes a través de su sitio.

Siguiente, Permitir subidas de Adobe Illustrator en WordPress

Si quieres aceptar archivos de diseñadores, asegúrate de consultar cómo habilitar las cargas de Adobe Illustrator (AI) en WordPress. Asegúrate también de echar un vistazo a nuestro post con grandes consejos sobre marketing para pequeñas empresas que puedes poner en práctica hoy mismo.

Cree su formulario WordPress ahora

¿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.