Necesitaba una forma sencilla de recopilar currículums en mi sitio de WordPress sin necesidad de codificar. Solo un formulario simple donde los usuarios pudieran cargar archivos como PDF o imágenes y hacer clic en enviar.
Después de probar algunos complementos, me decidí por WPForms, un creador de formularios de arrastrar y soltar que facilitó enormemente la adición de un campo de carga de archivos. En menos de 10 minutos, tenía un formulario de carga funcional que admitía todo, desde documentos hasta clips de audio.
En esta guía, te mostraré los pasos exactos que seguí para crear un formulario de carga de archivos en WordPress usando WPForms.
¿Por qué usar un formulario de carga de archivos en WordPress?
Un formulario de carga de archivos en WordPress permite a los usuarios cargar documentos, imágenes, vídeos, archivos de audio o cualquier otro medio directamente desde tu sitio web.
Aquí tienes algunos casos de uso comunes:
- Solicitudes de empleo: permite a los solicitantes enviar currículums, cartas de presentación o portafolios.
- Atención al cliente: permite a los usuarios adjuntar capturas de pantalla o registros de errores con los tickets de soporte.
- Contenido generado por el usuario: recopila fotos o vídeos para testimonios o concursos.
- Envíos de podcasts: recibe clips de audio de invitados o oyentes.
- Registros de eventos: permite a los asistentes cargar identificaciones, exenciones firmadas o documentos.
Usar un formulario mantiene todo organizado, elimina la necesidad de archivos adjuntos por correo electrónico y almacena los archivos de forma segura en tu sitio de WordPress.
Cómo crear un formulario de carga de archivos en WordPress usando WPForms
Para agregar un formulario de carga de archivos a WordPress, primero debes elegir el complemento de WordPress adecuado para la tarea.
En este tutorial, usaremos WPForms para crear un formulario de WordPress con la funcionalidad para cargar una serie de tipos de archivo.
WPForms es el mejor complemento de carga de archivos de WordPress del mercado. Es fácil de usar y lo suficientemente simple para que los principiantes comiencen rápidamente sin la molestia de crear formularios desde cero con HTML y CSS. Además, las potentes plantillas de formularios y el creador de arrastrar y soltar hacen que la creación de cualquier formulario sea muy sencilla.
Y si no nos crees, solo echa un vistazo a estos comentarios de usuarios satisfechos de WPForms.
¿Por qué no echas un vistazo a esta reseña de WPForms en profundidad para conocer todos los detalles?
Así que adelante y obtén tu copia de WPForms aquí. Luego instala el complemento en WordPress siguiendo estas instrucciones.
Nota: Existe una versión gratuita de WPForms en el repositorio de complementos de WordPress.org. Para esta guía, usaremos WPForms Pro para integraciones y funciones avanzadas.
Una vez que hayas activado tu complemento en tu panel de WordPress, sigue estos pasos para crear tu propio formulario de carga de archivos:
- Paso 1: Usa WPForms para crear una nueva plantilla de formulario de contacto
- Paso 2: Agrega el campo de carga de archivos
- Paso 3: Configura el nombre, la descripción y la configuración de spam del formulario
- Paso 4: Habilita las notificaciones por correo electrónico para las nuevas cargas de archivos
- Paso 5: Personaliza el mensaje de confirmación del formulario o redirige
- Paso 6: Incrusta tu formulario de carga de archivos en una página o publicación
- Paso 7: Acceder y gestionar archivos subidos en WPForms
Paso 1: Usa WPForms para crear una nueva plantilla de formulario de contacto
El primer paso es crear un formulario utilizando una de las plantillas predefinidas de WPForms. Usaremos un formulario de contacto estándar para este tutorial.
Para ello, desde tu área de administración de WordPress, ve a WPForms » Añadir nuevo.
Verás una pantalla similar a la de arriba donde puedes darle un nombre a tu formulario y elegir una plantilla.
Selecciona la plantilla Formulario de contacto simple.
Luego, serás llevado al constructor de formularios, donde puedes personalizar y añadir nuevos campos a la plantilla predeterminada.
Las etiquetas de campo predeterminadas incluidas en la plantilla Formulario de contacto simple son las siguientes:
- Nombre
- Correo electrónico
- Comentario o Mensaje
Y puedes hacer clic en cualquiera de estos campos para arrastrarlos y reorganizarlos. Para añadir más campos, simplemente haz clic en una opción del lado izquierdo de la pantalla y arrástrala a tu formulario.
Paso 2: Agrega el campo de carga de archivos
Con tu formulario de contacto simple listo, estás preparado para añadir la opción de carga de archivos a tu formulario.
Para ello, ve al encabezado Campos avanzados y selecciona el campo Carga de archivos.
Luego, arrastra el campo desde el panel izquierdo y suéltalo donde quieras que esté en tu formulario. También puedes simplemente hacer clic en el campo Carga de archivos para que aparezca en tu formulario.
Para editar el campo de carga de archivos en tu formulario, simplemente haz clic en él para abrir las Opciones del campo.
Aquí puedes editar las siguientes opciones:
- Etiqueta – cambia el nombre del campo.
- Descripción – introduce texto para la descripción del campo del formulario.
- Extensiones de archivo permitidas – introduce las extensiones de archivo que deseas permitir, separadas por comas.
- Tamaño máximo de archivo – introduce el límite máximo de tamaño de archivo en megabytes. El tamaño mínimo es 300 MB.
- Número máximo de archivos – introduce cuántos archivos pueden subir los usuarios. El valor predeterminado es 1.
- Requerido – marca esta casilla para que la carga de un archivo sea obligatoria.
Lo genial de las cargas de archivos con WPForms es que puedes permitir que los usuarios adjunten varios archivos a la vez. Todo lo que los usuarios tienen que hacer es arrastrar y soltar los archivos en el área de carga en el front-end de tu sitio.
Por defecto, todos los archivos se almacenan en la carpeta WPForms dentro del directorio Uploads de tu sitio web. También puedes almacenar tus archivos en tu Biblioteca de medios de WordPress seleccionando la casilla "Almacenar campo en la Biblioteca de medios de WordPress" en Opciones avanzadas.
Paso 3: Configura el nombre, la descripción y la configuración de spam del formulario
Con tu formulario configurado ahora con la capacidad de aceptar cargas de archivos, es hora de configurar tus ajustes generales del formulario.
Para ello, ve a Ajustes » General.
En los ajustes generales del formulario, puedes configurar las siguientes opciones:
- Nombre del formulario – dale un nuevo nombre a tu formulario si lo deseas.
- Descripción del formulario – añade una descripción a tu formulario para entender mejor para qué sirve. Por ejemplo, puedes indicar qué tipos de archivo aceptas, como GIF, PNG, JPG, etc.
- Texto del botón de envío – cambia el texto del botón de envío.
- Prevención de spam – reduce los envíos no deseados del formulario marcando la opción de honeypot antispam.
- Almacenamiento de información – desactiva el almacenamiento de la información de las entradas en WordPress para cumplir con las leyes GDPR.
Haz clic en Guardar cuando hayas configurado estos ajustes, y luego pasa al siguiente paso.
Paso 4: Habilitar notificaciones por correo electrónico para nuevas cargas de archivos
Ahora haz clic en Notificaciones en la pestaña Ajustes generales.
Aquí puedes elegir activar las notificaciones para recibir un correo electrónico cada vez que se envíe un formulario.
Para agilizar las cosas y mejorar la entregabilidad del correo electrónico, WPForms no adjunta los archivos enviados a la notificación por correo electrónico. En su lugar, se proporciona un enlace para que hagas clic y veas las cargas.
Por defecto, las notificaciones están activadas. Sin embargo, puedes elegir desactivarlas seleccionando Desactivado en el menú desplegable.
Asegúrate de guardar tus cambios.
Paso 5: Personaliza el mensaje de confirmación del formulario o redirige
A continuación, haz clic en la pestaña Confirmaciones para configurar el mensaje que la gente verá después de enviar su formulario.
Hay 3 tipos de mensajes de confirmación disponibles con WPForms, y son:
- Mensaje – muestra un simple mensaje de agradecimiento confirmando que el formulario ha sido enviado.
- Mostrar página – redirige a los visitantes a una página de agradecimiento en tu sitio web.
- Ir a URL (Redirección) – envía a los visitantes a un sitio web diferente después de enviar su formulario.
Para usar la opción de confirmación de mensaje predeterminada, simplemente introduce un mensaje en el cuadro de mensaje de confirmación proporcionado, y luego guarda tus cambios.
Paso 6: Incrusta tu formulario de carga de archivos en una página o publicación
Ahora es el momento de incrustar tu formulario de carga de archivos en WordPress. WPForms hace que publicar un formulario sea muy fácil. Puedes añadir tu formulario a una entrada, página, o incluso en la barra lateral de tu sitio web con el widget y los shortcodes de WPForms.
Así es como se publica un formulario en una página de WordPress.
Primero, ve a Páginas » Añadir nueva para crear una nueva página de WordPress. Luego haz clic en el icono más para añadir un nuevo bloque de contenido.
En el cuadro de búsqueda, escribe WPForms, y aparecerá el bloque del formulario. Haz clic en él para añadirlo a tu página.
Ahora selecciona tu formulario de carga de archivos de WordPress del cuadro desplegable para insertarlo.
Haz clic en Publicar para publicar tu página, y habrás terminado.
Así es como se verá desde el frontal de tu sitio web.
Paso 7: Acceder y gestionar archivos subidos en WPForms
Una vez que la gente haya empezado a subir archivos a tu sitio web, puedes ver esos archivos yendo a WPForms » Entradas.
Y haz clic en ver en cualquier archivo para ver los detalles. El archivo se abrirá en una nueva pestaña del navegador donde podrás ver más detalles y hacer clic para descargar el archivo a tu ordenador.
Si necesitas más funciones, el plugin WPForms ofrece varios complementos que puedes instalar. Por ejemplo, puedes usar el complemento Zapier para guardar automáticamente todas las cargas de archivos en Google Drive, Dropbox y otros servicios de almacenamiento en la nube. También puedes aceptar pagos con la versión Pro de WPForms.
Preguntas Frecuentes
Para limitar los tipos y tamaños de archivo, puedes configurar los ajustes dentro de tu plugin de carga de archivos. Por ejemplo, en WPForms, navega hasta el campo 'Extensiones de archivo permitidas' para establecer los tipos de archivo permitidos y ajusta el campo 'Tamaño máximo de archivo' para limitar el tamaño del archivo.
Puedes resolver este error localizando tu archivo php.ini y buscando los siguientes parámetros:
“upload_max_filesize =” y “post_max_size =”
Establece el valor '=' a 32M y guarda. También puedes contactar a tu proveedor de hosting para obtener ayuda.
¡Enhorabuena! Ahora sabes cómo crear un formulario de WordPress que permite a los usuarios subir sus propios archivos. Todo utilizando un potente plugin de formularios de WordPress con funciones de carga de archivos.
Esperamos que hayas encontrado útil este tutorial. Aquí tienes otras guías paso a paso que podrían resultarte útiles:
- ¿Cómo poner WooCommerce en modo de mantenimiento (4 sencillos pasos)?
- Cómo añadir una encuesta a tu sitio web de WordPress (paso a paso)
- Cómo crear un formulario de pedido en línea para tu sitio de WordPress
¡Gracias por leer! Nos encantaría conocer tu opinión, así que únete a la conversación en YouTube, X y Facebook para obtener más consejos y contenido útil para hacer crecer tu negocio.
