Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo permitir a los usuarios subir imágenes en un sitio de WordPress

¿Quieres permitir que los usuarios suban imágenes en tu sitio de WordPress sin darles acceso al área de administración? No estás solo.

Muchos propietarios de sitios quieren permitir envíos de imágenes mientras mantienen su sitio seguro y fácil de administrar. Ya sea que estés organizando un concurso de fotografía o recopilando contenido enviado por usuarios, la forma más fácil es agregando un formulario de carga de imágenes a tu sitio.

Hemos probado varias herramientas y descubierto que WPForms ofrece la forma más efectiva de hacerlo. Hemos ayudado a muchos usuarios de WordPress a configurar la funcionalidad de carga de imágenes usando este plugin, y realmente hace que todo sea rápido y fácil, sin necesidad de codificación.

En esta guía, te mostraremos cómo permitir fácilmente que los usuarios suban imágenes en tu sitio de WordPress. ¡También tenemos un tutorial en video si prefieres seguir los pasos en acción!

Cómo permitir a los usuarios subir imágenes en un sitio de WordPress

Permitir que los usuarios suban imágenes de forma segura en WordPress

Si quieres tener un blog con varios autores, la forma más fácil de permitir que los usuarios suban imágenes es agregándolos como autores en tu sitio web.

Sin embargo, dar acceso a los usuarios al área de administración de WordPress no es ideal para escenarios de una sola vez, como envíos de publicaciones de invitados, reseñas de productos, concursos de fotografía y más.

Afortunadamente, existen varios plugins de WordPress que permiten a los usuarios subir imágenes sin comprometer la seguridad de tu sitio web ni darles acceso al área de administración de WordPress.

Dicho esto, veamos algunas formas de permitir fácilmente que los usuarios suban imágenes en WordPress. Puedes usar los enlaces rápidos a continuación para saltar al método que deseas usar:

Empecemos.

Método 1: Permitir a los usuarios subir imágenes usando un formulario de carga de archivos

Este método es perfecto si quieres que los usuarios suban una imagen u otros archivos, como solicitudes de empleo, cartas de presentación, etc.

Puedes crear fácilmente un formulario de carga de archivos que recopile el nombre del usuario, la dirección de correo electrónico, el archivo subido y un mensaje opcional.

Para este método, usaremos WPForms, el mejor plugin constructor de formularios de WordPress. Viene con un campo de carga de archivos incorporado y hace que todo el proceso sea rápido y fácil para principiantes.

En WPBeginner, usamos WPForms para todo, desde nuestros formularios de contacto y migración de sitios web hasta nuestra encuesta anual de lectores. Hemos visto de primera mano lo flexible que es para crear todo tipo de formularios, ¡incluidos aquellos con campos de carga de imágenes!

Para más información sobre el plugin, por favor consulta nuestra reseña completa de WPForms.

Página principal de WPForms

Para empezar, necesitarás instalar y activar el plugin WPForms. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Al activarse, necesitas visitar la página WPForms » Ajustes en tu panel de WordPress para ingresar tu clave de licencia.

Ingresar la clave de licencia de WPForms

Puedes encontrar tu clave de licencia en el área de tu cuenta en el sitio de WPForms, en la pestaña ‘Descargas’.

Hecho esto, ve a WPForms » Añadir Nuevo para crear tu formulario.

En la página ‘Configuración’, puedes nombrar tu formulario en el campo ‘Nombra tu formulario’. Esto es solo para tu referencia, pero asegúrate de usar un nombre claro para una organización más fácil.

nombrar tu formulario

Luego, verás que WPForms te permite crear tus formularios usando un lienzo en blanco, WPForms AI y plantillas listas para usar.

Digamos que quieres usar el constructor de formularios con IA. Entonces, puedes pasar el cursor sobre el cuadro ‘Generar con IA’ y hacer clic en ‘Generar formulario’.

Generar formulario con IA

En la siguiente pantalla, todo lo que tienes que hacer es escribir una indicación simple. Alternativamente, puedes elegir entre los ejemplos de indicaciones disponibles, si son relevantes.

La herramienta de IA generará el formulario por ti, ¡así de fácil!

Formularios de IA de WPForms en acción

Si quieres usar una de las plantillas, entonces querrás pasar el cursor sobre ella y hacer clic en ‘Usar plantilla’.

WPForms tiene más de 2,000 plantillas listas para usar. Siempre puedes usar la función de búsqueda para acotar tus opciones.

Por ejemplo, aquí, vamos a usar el ‘Formulario de contacto simple’.

Elegir la plantilla de Formulario de Contacto Sencillo

Esto te llevará al constructor de formularios de arrastrar y soltar.

A tu izquierda, puedes ver todos los campos que puedes agregar a tu formulario. Y a tu derecha, tienes la vista previa en vivo.

Una plantilla de formulario de contacto

A continuación, arrastraremos y soltaremos un campo de ‘Carga de archivo’ en tu formulario.

Puedes encontrar este campo en la sección ‘Campos avanzados’ a la izquierda.

Añadir un campo de carga de archivos al formulario

Una vez agregado, haz clic en el campo ‘Carga de archivo’ en tu formulario para editarlo.

Cambiaremos el nombre de este campo (su etiqueta) a ‘Tu fotografía’ y especificaremos qué extensiones de archivo están permitidas. Solo queremos archivos de imagen, así que permitiremos archivos JPG/JPEG, GIF y PNG.

💡 Nota del editor: Por defecto, WordPress solo permite subir ciertos tipos de archivos de imagen. Por ejemplo, los usuarios no podrán subir imágenes .svg o archivos .zip a menos que los agregues explícitamente a la lista permitida.

Explicaremos cómo hacerlo en un momento. Por ahora, sigamos ajustando la configuración de nuestro campo.

Después de eso, establezcamos un límite de tamaño de archivo.

Recomendamos especificarlo hasta 5 MB, ya que te ayuda a ahorrar costos de disco en tu cuenta de hosting de WordPress. Además, esto asegura que las cargas de los usuarios no ralenticen tu sitio.

Luego, no olvides marcar la casilla junto a ‘Requerido’ para que el usuario no pueda enviar el formulario hasta que haya subido una imagen.

Configurar ajustes para el campo del formulario de carga de archivos

También puedes configurar opciones adicionales para este campo haciendo clic en la pestaña ‘Avanzado’.

Aquí, puedes elegir el estilo de tu campo de carga. Por defecto, es un campo de arrastrar y soltar ‘Moderno’. Si lo deseas, puedes reemplazarlo por un campo ‘Clásico’.

Estilizar el formulario de carga de archivos

Adicionalmente, puedes elegir almacenar la imagen en la Biblioteca de Medios de WordPress activando el interruptor. Esta es una buena idea si vas a recopilar tus imágenes enviadas para una publicación de blog o similar.

Una vez que estés satisfecho con tu formulario, puedes guardar y salir del constructor de formularios.

Agregando tu formulario de carga de imágenes en WordPress

A continuación, necesitas incrustar tu formulario en una publicación o página de WordPress y aceptar las imágenes enviadas por los usuarios. WPForms hace que sea súper fácil agregar tus formularios en cualquier lugar de tu sitio web.

Simplemente edita la publicación o página donde deseas agregar el formulario de carga de imágenes. En el editor de contenido de WordPress, necesitas agregar el bloque WPForms a tu área de contenido.

Agregar un bloque de WPForms a tu página

Después de eso, necesitas seleccionar el formulario que creaste anteriormente del menú desplegable. WPForms mostrará una vista previa de tu formulario dentro del área de contenido.

Ahora puedes guardar tu publicación o página y verla en vivo para ver tu formulario de carga de imágenes en acción.

Permitiendo la carga de tipos de archivo adicionales

A veces, tus usuarios pueden ver este error al intentar cargar un archivo, incluso cuando has permitido ese tipo de archivo en la configuración de tu campo de carga:

Lo sentimos, este tipo de archivo no está permitido por razones de seguridad

El problema es que WordPress solo permite ciertos tipos de archivo por defecto. La forma más fácil de permitir más tipos de archivo es usar un plugin complementario.

Recomendamos el plugin File Upload Types de WPForms. Una vez que hayas instalado el plugin en WordPress y lo hayas activado, ve a Ajustes » Tipos de archivo.

Luego puedes elegir los tipos de archivo de la lista que deseas permitir, o puedes agregar tipos de archivo personalizados.

Área de administración de Tipos de carga de archivos

Ten en cuenta que la lista no incluye los tipos que WordPress ya permite por defecto.

Si solo buscas permitir la carga de imágenes SVG, puedes usar el plugin gratuito WPCode. Puedes aprender más en nuestra guía sobre cómo agregar archivos de imagen SVG en WordPress.

Método 2: Permitir a los usuarios subir imágenes como autores invitados

Una razón clave para permitir que los usuarios carguen imágenes es si estás recopilando envíos de publicaciones de invitados. También podrías usar un método muy similar para otro contenido generado por el usuario, como testimonios.

Primero, necesitarás instalar y activar el plugin WPForms. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

💡 Nota: Necesitarás la versión 'Pro' (o superior) para poder usar el complemento 'Post Submissions'.

Después de activar el plugin, debes visitar la página WPForms » Settings en tu panel de WordPress para ingresar tu clave de licencia. Puedes encontrar tu clave de licencia en la pestaña 'Downloads' de tu cuenta en el sitio de WPForms.

Esto es lo que verás cuando ingreses la clave de licencia en tu sitio:

Ingresar la clave de licencia de WPForms

A continuación, ve a WPForms » Addons para instalar el complemento Post Submission.

Haz clic en el botón 'Install Addon'. Se instalará y activará automáticamente

Instalar el complemento de envío de publicaciones de WPForms

Ahora, puedes empezar a crear tu formulario de envío de publicaciones de invitados.

Ve a WPForms » Agregar Nuevo, luego desplázate hacia abajo para encontrar el Formulario de Envío de Publicaciones de Blog.

Plantilla de formulario de envío de publicaciones de blog

Haz clic en él y se creará tu nuevo formulario. Tendrá campos predeterminados para los detalles del autor invitado, así como el título propuesto de la publicación, imagen destacada, contenido, extracto de la publicación y categoría.

Puedes agregar más campos (secciones de tu formulario) si lo deseas.

Por ejemplo, podrías querer agregar un campo de 'Sitio web / URL' donde el autor pueda ingresar la URL de su propio blog de WordPress.

Añadir un campo de sitio web/URL

Para cambiar la etiqueta de un campo o cualquier texto en el formulario, simplemente haz clic en él.

Por ejemplo, puedes hacer clic en el cuadro 'Imagen destacada' y cambiar la 'Descripción' para indicar el tamaño preferido para las imágenes destacadas.

Cambiar la configuración del campo del formulario de imagen destacada

Los archivos subidos a través del campo preestablecido 'Imagen destacada' se almacenarán en tu Biblioteca de Medios dentro de WordPress.

Puedes activar o desactivar esta opción haciendo clic en el menú desplegable 'Opciones avanzadas' para el campo.

Almacenar archivos en la biblioteca de medios

🧑‍💻 Consejo de experto: Si deseas crear un formulario desde cero, ten en cuenta que el campo 'Carga de archivos' no almacena archivos en la Biblioteca de Medios por defecto. Asegúrate de activar esta configuración si deseas usarlo.

Si lo deseas, puedes cambiar los tipos de imagen que el campo 'Carga de archivo' aceptará. Por ejemplo, podrías querer que los usuarios solo suban archivos PNG.

También puedes ingresar un tamaño máximo de archivo en MB. Si lo deseas, puedes permitir que los usuarios suban 2 o más archivos.

Cambiar la configuración de carga de archivos

El campo de carga 'Moderno' (el predeterminado) permite a los usuarios arrastrar y soltar archivos.

Si lo prefieres, puedes cambiarlo a un campo 'Clásico' en las opciones avanzadas. Ten en cuenta que esto solo permite a los usuarios subir un solo archivo.

Una vez que tengas todos los campos que deseas en tu formulario, ve a la pestaña 'Configuración'. Es posible que desees cambiar los detalles en 'Notificaciones' aquí.

Por ejemplo, si tus publicaciones de invitados van a un editor, querrás su dirección en el cuadro 'Enviar a la dirección de correo electrónico'.

Cambiar la configuración de tu formulario

También podrías querer cambiar el mensaje de confirmación que un usuario ve después de enviar el formulario. Puedes hacer esto en Configuración » Confirmación.

Una vez que estés satisfecho con tu formulario, simplemente haz clic en el botón ‘Guardar’ en la parte superior de la pantalla.

Agregar el formulario de envío de publicaciones de invitados a tu sitio

Puedes agregar tu formulario a tu sitio en cualquier publicación o página. Es posible que desees crear una página nueva específicamente para envíos de publicaciones de invitados.

Si estás usando el editor de bloques (Gutenberg), simplemente haz clic en el ícono (+) para crear un nuevo bloque. Luego, selecciona el bloque 'WPForms' para agregarlo al editor.

A continuación, verás un menú desplegable de WPForms. Selecciona tu formulario de la lista y se agregará a tu publicación.

Agregar el bloque WPForms

🧑‍💻 Consejo de experto: Si todavía estás usando el editor clásico, verás un botón 'Agregar formulario' junto a 'Agregar medio' en su lugar. Haz clic en esto para obtener una lista desplegable de tus formularios. Selecciona el que desees y luego haz clic en 'Agregar formulario' para insertarlo en tu publicación.

Por supuesto, puedes usar el campo 'Carga de archivos' en cualquier formulario que crees. Eso significa que puedes usar el método anterior para cualquier tipo de contenido generado por el usuario que desees recopilar.

Método adicional: Permitir a los usuarios subir fotos para un concurso

Si bien un formulario de carga de archivos permite a los usuarios subir cualquier tipo de archivo, puede que no sea la mejor solución si estás organizando un concurso de fotografía.

Eso es porque WPForms es un constructor de formularios, no un plugin de concursos. No viene con funciones como seleccionar ganadores, compartir viralmente, etc.

Ahí es donde entra RafflePress. Es el mejor plugin de sorteos de WordPress que te permite crear concursos virales para aumentar tu tráfico y seguidores en redes sociales.

El sitio web de RafflePress

Puedes usarlo para diseñar un widget de concurso que permita a los usuarios subir fotos, pero que también incentive compartir y otras acciones de participación para aumentar tu audiencia.

De hecho, usamos RafflePress para organizar nuestro sorteo anual de cumpleaños de WPBeginner. Nos ha ayudado a hacer crecer nuestra lista de correo electrónico, aumentar las veces que se comparte en redes sociales y mejorar la participación general del sitio, todo mientras mantenemos todo fácil de administrar desde nuestro panel de WordPress.

¡Explora todas sus funciones en nuestra reseña completa de RafflePress!

Acción de envío de imagen

Hemos creado una guía detallada sobre cómo crear un concurso de fotos en WordPress con RafflePress que puedes seguir para más detalles.

Tutorial en video

Antes de irte, no te pierdas nuestro videotutorial sobre cómo permitir que los usuarios suban imágenes en un sitio de WordPress:

Suscríbete a WPBeginner

Esperamos que este artículo te haya ayudado a aprender cómo permitir que los usuarios suban imágenes en un sitio de WordPress. También puedes consultar nuestra guía sobre cómo crear una galería de fotos con álbumes o nuestro tutorial paso a paso sobre cómo crear formularios AMP en WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

2 CommentsLeave a Reply

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.