Cómo permitir que los usuarios suban imágenes a WordPress (con un complemento)

Eddy PfoccoriActualizado por Cisco Pfoccori el 2 de septiembre de 2021

permitir que los usuarios carguen imágenes

¿Haz querido que tus usuarios suban imágenes en tu blog? ¡Estás en el lugar indicado!

Permitir que los usuarios suban sus propias fotos a tu blog de WordPress es una gran estrategia a la hora de crear tu blog. Cuando agregue esta opción, obtendrá más tráfico, participación y contribuyentes a tu sitio web.

Además, ¡es fácil de hacer!

En esta guía, le mostraremos cómo permitir que los usuarios carguen imágenes a WordPress en unos sencillos pasos.

¡Hagámoslo!

En esta guía:

¿Por qué permitir que los usuarios subir imágenes a tu sitio web?

Permitir que los usuarios suban imágenes en tu sitio web significa que tu no tienes que hacerlo. Por lo tanto, tendrás tiempo adicional para trabajar en otras tareas pendientes, como el checklist de tu blog.

Pero, ¿por qué un usuario querría enviar sus propias imágenes?

Hay algunas razones por las que alguien querría subir una imagen a su sitio. Cuando permites que los usuarios carguen fotos, pueden:

Cargar una imagen de perfil

Tu blog está lleno de usuarios anónimos … ¡a menos que tengas la opción de una foto de perfil!

Una foto de perfil es una excelente manera de fortalecer su comunidad en línea: los usuarios pueden identificar a otros y expresarse.

Algunos sitios web que funcionan bien con fotos de perfil son:

  • Sitios de membresía
  • Sitios de presentación
  • Foros

Medium, por ejemplo, es un blog de membresía y envío. Todos los miembros pueden enviar sus propios artículos a través de Medium. Además, pueden dar me gusta y compartir las publicaciones de otros miembros.

En la parte inferior de cada artículo de Medium está el nombre del autor y la foto de perfil:

Entonces, cada vez que Danny Forest envía un artículo, otros miembros de Medium pueden identificar quién es y seguirlo. Claro, siempre puedes hablar con usuarios en línea sin una foto de perfil, pero es bueno saber con quién estás interactuando.

Enviar imágenes a una galería

Es posible que haya notado cómo algunos sitios web permiten a los usuarios cargar imágenes en una galería. Imgur es un buen ejemplo.

Imgur es un sitio para compartir y alojar imágenes. Los usuarios en línea pueden enviar fotos de todo tipo a su sitio para comentarios, compartir y dar me gusta.

Como puede ver, Imgur obtiene un montón de participación y contribuyentes. E incluso si no posee un sitio como Imgur, existen otros tipos de blogs que encontrarían útil una galería de fotos, como:

¡O puede realizar una campaña de obsequio de fotografías ! Por ejemplo, puede organizar un concurso de fotografía en su sitio y quien presente la mejor fotografía ganará un premio.

Sin mencionar que es fácil crear una galería enviada por el usuario en WordPress. Puede consultar nuestro tutorial rápido sobre cómo crear una galería de imágenes en WordPress si está interesado.

Personalizar testimonios

Si posee una tienda en línea, entonces sabe lo importantes que son los testimonios. Los testimonios escritos son geniales, ¡pero los testimonios con imágenes son aún mejores! Facilita a los compradores potenciales la visualización de su producto.

Echemos un vistazo a 100% Pure. Esta marca de maquillaje permite a los usuarios subir imágenes junto con sus reseñas.

Entonces, si un cliente está contento con su lápiz labial, por ejemplo, puede subir una foto de él mismo usándolo. Eche un vistazo a este cliente feliz a continuación:

¿Ves cómo su imagen es positiva y luce su lápiz labial? Otro usuario podría pensar … se ve muy bien con este color de lápiz labial, yo también quiero probarlo.

Un testimonio con una foto también muestra que su producto funciona. Cuando un nuevo comprador ve su producto en uso, le resultará más fácil confiar en su negocio.

Entonces, ya sea que venda productos o desee comenzar una tienda en línea, los testimonios con fotos pueden impulsar las ventas y generar confianza con sus clientes.

Como puede ver, permitir que los usuarios carguen una imagen en su blog es una excelente manera de:

  • Ponga en marcha su sitio de membresía o blog de envío
  • Construye una comunidad en línea
  • Dale un impulso a las reseñas de tus productos

Entonces, es posible que ahora se esté preguntando, ¿cómo permito que los usuarios carguen imágenes en mi sitio web?

¡Continúa leyendo para averiguarlo!

Cómo permitir que los usuarios suban imágenes con un pluging de WordPress

La mejor manera de permitir que los usuarios subir imágenes a su sitio web es con un formulario de carga de imágenes.

Un formulario de carga de imágenes es un formulario en línea que solicita el nombre del usuario, el correo electrónico y las imágenes para subir. La forma más sencilla de crear uno es con WPForms .

constructor de formularios wpforms

WPForms es un pluging de creación de formularios de WordPress. Su herramienta de arrastrar y soltar facilita la creación de cualquier tipo de formulario en línea, como:

  • Formularios de carga de imágenes
  • Formularios de encuesta
  • Formularios de contacto
  • Formularios de boletines
  • Formularios de registro
  • Formas de pago

…¡y más!

Entonces, ¿qué más hace que WPForms sea el mejor complemento para subir imágenes?

Para empezar, tienen una plantilla de formulario de carga de imágenes que hace que sea aún más fácil permitir que los usuarios carguen imágenes. Y todos sus formularios son receptivos; en otras palabras, se ven geniales en dispositivos móviles y se cargan rápidamente.

Además, WPForms es seguro. No es necesario que proporcione a los usuarios ninguna información de inicio de sesión cuando carguen una foto. Todo lo que necesitan está en el formulario de carga de imágenes.

Y lo mejor de todo, ¡no necesita saber ningún código para usar WPForms!

Con todas estas características, no es de extrañar por qué WPForms es el mejor complemento de formularios de WordPress del mercado.

Antes de comenzar, deberá descargar, instalar y activar WPForms .

Puede consultar nuestra guía sobre cómo instalar un pluging si es necesario.

¿Todo listo? Genial, ¡comencemos!

1. Crear un formulario de carga de imágenes

En este tutorial, usaremos la plantilla de formulario de carga de archivos de WPForms. Entonces, primero activaremos su paquete de plantillas en WordPress.

En su panel de WordPress, diríjase a WPForms »Complementos .

En la página Complementos, debería ver una barra de búsqueda en la parte superior derecha; escriba Paquete de plantillas de formulario .

Al hacer clic en Instalar complemento , cambiará el estado de la plantilla a activo.

Ahora que la plantilla correcta está activada, podemos crear su formulario de carga de imágenes. Dirígete a WPForms »Agregar nuevo.

WPForms lo dirigirá a su página de plantillas.

Como su formulario de carga de archivos es parte del complemento que activamos anteriormente, tendrá que desplazarse hacia abajo hasta Plantillas adicionales . Luego puede buscar Formulario de carga de archivos .

Ahora puede hacer clic en el formulario de carga de archivos para ver su plantilla.

¿Ves cómo está listo el formulario? ¡Esta es la mejor parte sobre el uso de sus plantillas! Ahora podemos omitir un montón de pasos y dirigirnos directamente a la configuración de personalización.

2. Personalice su formulario de carga de imágenes

Lo primero que haremos con el formulario de carga de imágenes es personalizarlo. Para comenzar, haga clic en el cuadro Carga de archivos.

Debería aparecer una lista de opciones de campo a la izquierda.

Continúe e ingrese el nombre y describa de qué se trata su formulario de su formulario en Etiqueta y Descripción .

Si lo desea, puede completar el resto de los campos. Esto es lo que todos quieren decir:

Extensiones de archivo permitidas: las imágenes tienen diferentes formatos de archivo, como JPEG y PNG. Así que aquí puedes decidir qué formatos de archivo acepta tu blog.

Si no está seguro de lo que significa cada formato de archivo, puede consultar nuestra publicación sobre la optimización de imágenes .

Tamaño máximo de archivo : las imágenes no solo tienen un formato de archivo, sino que también tienen un tamaño de archivo. El tamaño del archivo depende del formato de archivo de la imagen. Por ejemplo, las imágenes PNG tienen un tamaño de archivo mayor que las imágenes JPEG.

Para un buen SEO de imágenes , recomendamos completar esta opción porque los archivos de gran tamaño pueden ralentizar su blog.

Número máximo de archivos : en otras palabras, ¿cuántas imágenes puede cargar un usuario a la vez?

Obligatorio : si observa el formulario de carga de archivos, verá un asterisco rojo (*) adjunto al nombre y al correo electrónico.

Esto significa que un usuario debe ingresar su nombre y correo electrónico en el formulario o, de lo contrario, no se enviará. Por lo tanto, si marca la casilla junto a Obligatorio , los usuarios deberán cargar una imagen.

Una vez que haya completado esta configuración, presione Opciones avanzadas en la parte inferior.

No es necesario que complete las opciones avanzadas, pero es bueno personalizar su formulario. Y es fácil de hacer. Con eso, comenzaremos con Style .

En estilo, puede tener un estilo moderno o un estilo clásico. El estilo clásico es simple: los usuarios solo pueden cargar un archivo de imagen. Y el formulario de carga de arrastrar y soltar será reemplazado por un formulario de carga de archivos tradicional.

El estilo moderno, por otro lado, permite a los usuarios cargar varias fotos. Además, pueden cargar o arrastrar fotos a su formulario. Recomendamos usar el estilo moderno debido a sus características fáciles de usar.

Lo siguiente es Ocultar etiqueta . Notará cómo se llama el cuadro de carga de archivos, Carga de archivos .

Cuando marques la casilla junto a la etiqueta oculta, se eliminará.

La siguiente opción, Almacenar archivos en la biblioteca de medios de WordPress , significa que el formulario almacenará automáticamente cada foto cargada en su biblioteca de medios de WordPress. Esta es una buena opción si desea realizar un seguimiento de las imágenes cargadas.

Y CSS Classes es una configuración para desarrolladores, por lo que puede dejar esta en blanco.

¡Todo listo! Ahora podemos dirigirnos a la configuración general de su formulario de archivo.

3. Cambiar la configuración general del formulario de carga de imágenes

La configuración que configuramos en el último paso se trataba de su cuadro de archivo de imagen. La configuración general, por otro lado, se trata de todo el formulario de carga de imágenes.

Puede encontrar la Configuración general en la barra de herramientas de la izquierda.

Para comenzar, siga adelante y cambie el nombre y la descripción de su formulario.

El siguiente es Enviar texto del botón. Si no desea que el botón de su formulario diga “Enviar”, puede cambiarlo a otra cosa, como:

  • Lanzamiento
  • Cuota
  • Solicitar
  • Enviar
  • Empezar

Ahora puede que se esté preguntando qué es el texto de procesamiento del botón Enviar . Si un usuario hace clic en su botón de envío, aparecerá otro botón que dirá “Enviando”. Esto le dice al usuario que su envío se está procesando.

Si no desea que el texto de procesamiento diga “enviando”, puede cambiarlo a otra cosa, como “enviar” o “compartir”.

Y por último están sus configuraciones de spam.

Notarás cómo Activar honeypot anti-spam se selecciona automáticamente para ti … pero ¿qué significa esto?

Piense en la última vez que completó un formulario en línea. Probablemente te pidieron que confirmaras que no eres un robot, ¿verdad?

No soy un robot de forma reCaptcha

Esta configuración de reCAPTCHA evita el spam, pero no es fácil de usar. ¿Qué pasaría si hubiera una forma de evitar el spam sin un formulario reCAPTCHA visible?

¡Con honeypot anti-spam, lo hay! El honeypot anti-spam agrega una configuración anti-spam invisible a sus formularios. De esta manera, no molestará a los visitantes de su sitio con una tarea adicional, y su formulario de carga de archivos aún evitará los robots.

Y la configuración de carga de su archivo de imagen está lista para ir … ¡a la página de confirmación!

4. Personalice su página de confirmación

La página de confirmación de los formularios le dice a los visitantes del sitio web cuándo se han enviado sus imágenes. Puede hacer clic en Confirmaciones para comenzar.

Haga clic en confirmaciones para editar la página de confirmación del formulario de carga de imágenes

Notará cómo WPForms configura un mensaje de confirmación predeterminado para usted. Si desea cambiar esto, haga clic en Tipo de confirmación .

Los tipos de confirmación incluyen mensaje, mostrar página e ir a URL (redireccionamiento)

Repasemos cada tipo de confirmación. El primero es Mensaje , que cargará un mensaje de confirmación rápida cuando un usuario envíe sus imágenes.

Mostrar página , por otro lado, dirigirá a los usuarios a otra página de blog. Esta es una gran oportunidad para promocionar una página de destino u otras publicaciones de blog.

Y, por último, puede redirigir a los usuarios a una URL . Esto puede resultar útil si desea redirigir a los usuarios a otro dominio.

Para hacerlo simple, usaremos la opción de mensaje en este tutorial. Echemos un vistazo al cuadro de mensaje.

El cuadro de confirmación estándar en WPForms.

Hmm … este mensaje de confirmación es bueno, pero no es nada especial. Entonces, ¿por qué no agregar una llamada a la acción para darle vida a las cosas?

Por ejemplo, puede vincular a los usuarios a su página de productos, contenido o servicios. Eche un vistazo a nuestro ejemplo a continuación.

Cómo se ve un mensaje de confirmación optimizado después de que un usuario carga imágenes

Una vez que haya terminado, presione Guardar en la esquina superior derecha. Luego haga clic en la X para salir de la configuración del formulario de carga de imágenes.

Guarde los cambios y salga de la configuración del formulario de carga de imágenes

¡Y estás listo para publicar!

5. Publique su formulario de carga de imágenes en WordPress

Publicar su formulario de carga de imágenes es fácil. En su panel, haga clic en Página »Agregar nuevo .

Para publicar el formulario de carga de imágenes, haga clic en Páginas y luego en Agregar nuevo.

En su página , presione el signo (+) y luego busque el widget, WPForms.

Haga clic en el widget WPForms para cargar el formulario

Al hacer clic en el widget de WPForms, aparecerá una lista de formularios. Continúe y seleccione su formulario de carga de imágenes.

Elija el formulario de carga de imágenes correcto en la página de wordpress

Ahora puede ver su formulario en la página.

Cómo se verá su formulario de carga de imágenes en una página de WordPress

Recomendamos obtener una vista previa de su formulario antes de publicarlo. Puede encontrar el botón Vista previa en la parte superior derecha de su página.

Haga clic en la vista previa para ver cómo se verá su formulario de imagen

¿Luciendo bien? ¡Genial! Ahora puede presionar Publicar y ya está.

6. Ver imágenes cargadas

Una vez que los visitantes del sitio web comiencen a completar su formulario, es posible que desee moderar las imágenes que se cargan. Afortunadamente, WPForms almacenará cada imagen cargada que envíe un visitante.

Para ver los archivos, diríjase a WPForms »Entradas .

Haga clic en las entradas en WPForms para ver sus imágenes cargadas

En la página de Entradas, desplácese hacia abajo hasta Nombres de formularios y haga clic en el formulario de carga de imágenes.

Haga clic en el WPForm derecho para ver las imágenes cargadas

Ahora puede ver una lista de todos los usuarios que completaron su formulario. Si desea ver su foto, haga clic en Ver .

Página de entrada de WPForms, puede ver una lista de imágenes cargadas

Desde aquí puede hacer clic en el archivo de imagen para verlo o descargarlo.

Puede ver cada imagen que un usuario carga en su sitio de wordpress

¡Y eso es!

Los usuarios ahora pueden subir imágenes a su blog. A los visitantes de su sitio web les encantará esta nueva función. Además, ¡ahora no tiene que cargar todas estas imágenes por su cuenta!

Algunas otras guías que quizás desee consultar son, cómo mostrar un feed de hashtag de Instagram en WordPress y formas sencillas de involucrar a los lectores en su blog .

Y si quieres más trucos y consejos útiles, suscríbete a nuestro boletín .

Deja un comentario