Cómo Añadir un Campo de Subida de Archivos en el Formulario de Registro de Joomla

En el día de hoy vamos a ver cómo se puede mejorar el formulario de registro de Joomla añadiendo campos personalizados. Recordemos que los campos personalizados aparecieron por primera vez bajo este CMS en 2017 con el lanzamiento de Joomla 3.7

Sin embargo, los campos que vienen por defecto con Joomla son limitados, y no se puede hacer gran cosa con ellos. Por lo tanto, si queremos campos personalizados debemos crearlos, una tarea que puede resultar bastante complicada para usuarios poco experimentados o que no sepan cómo tratar con código. Por suerte, hay plugins de terceros que nos pueden ayudar con la tarea de personalizar los campos de los formularios de registro de Joomla fácilmente.

Para este tutorial vamos a indicar los pasos necesarios para saber cómo añadir un campo de subida de archivos en el formulario de registro de Joomla; un campo que no está disponible en los campos personalizados que vienen por defecto con Joomla.

Para ello tendremos que usar un plugin, por ejemplo, Advanced Custom Fields.

Advanced Custom Fields

Advanced Custom Fields

Advanced Custom Fields básicamente sirve para ampliar los campos del formulario de registro de Joomla con campos personalizados de YouTube, Vimeo, Dailymotion, Google Map, Bing map, Código QR, subida de archivos, y mucho más.

Además de la amplia gama de campos personalizados, Advanced Custom Fields también ofrece la función de “publicación” que permite mostrar cualquier campo personalizado basado en la URL de la página, grupos de usuarios, fecha y hora, ect.

Advanced Custom Fields está disponible en versión gratuita y Pro (de pago), por lo que, si no deseamos comprar desde un principio la licencia Pro, podemos probar su versión gratuita y luego actualizar a la Pro en caso de necesitarlo (como es nuestro caso). La mayoría de campos personalizados están disponibles en la versión gratuita, sin embargo, el campo que nos interesa para la carga de archivos NO, por lo que toca pasar por caja (19$)…

Advanced Custom Fields – Campo de Subida de Archivos

Hay muchos casos en los que es posible que necesitemos mejorar nuestro formulario de registro de Joomla, pero debido a su limitación, no podremos.

En nuestro caso, queremos añadir un campo donde el usuario pueda subir una imagen de su propio perfil. Pero Joomla, por defecto, no ofrece ninguna de estas características, por lo que tenemos que usar un plugin que nos permita usar campos personalizados en el formulario de registro de Joomla.

El plugin se puede descargar desde la web de su desarrollador (hace falta registrarse –es gratis-) -> https://www.tassos.gr/joomla-extensions/advanced-custom-fields

De las 4 descargas que ofrece -a la hora de escribir este artículo- es la última: Advanced Custom Fields 0.8.3 Free

Una vez descargado el plugin tenemos que subirlo a nuestro site Joomla a través de la opción que hay para ello dentro del panel de administración en la sección de Extensiones: “Subir archivo del paquete”.

Después, tenemos que seguir estos pasos:

Paso 1: Crear un nuevo campo personalizado

Para ello navegamos hasta Usuarios -> Campos. Hacemos click en el botón verde de la izquierda para crear un nuevo campo.

A continuación, le ponemos el nombre que queramos al campo, por ejemplo, “Photo” y escogemos la opción ACF – File Upload.

Photo ACF File Upload

Todo lo que veamos que pone ACF delante es que corresponde a campos que se pueden generar gracias al plugin Advanced Custom Fields, de hecho, ACF son las siglas del plugin.

Paso 2: Establecer las reglas de subida de los archivos

Si estamos creando un campo para configurar la subida de una foto de perfil de un usuario, no queremos que este pueda subir un vídeo, un gif o una imagen extremadamente grande. En este paso podemos definir qué es lo que dejamos que suban los usuarios, por ejemplo, una imagen en .jpg o .png, así como que su tamaño máximo no supere los 2mb.

Para cumplir con los requisitos mencionados anteriormente, debemos establecer los siguientes parámetros (los que aparecen en la imagen de la parte inferior).

Límite de archivos: 1
Límite de tamaño de los archivos: 2mb
Tipos de archivo permitidos: .jpg, .png

ACF File Upload Settings

Paso 3: Indicar cómo se mostrará el archivo subido en la página de perfil del usuario

Ahora, debemos configurar cómo deseamos que se muestra mostrar la imagen subida en la página de perfil del usuario. ¿Queremos mostrarlo como un enlace o como una imagen? En nuestro caso, queremos mostrar la imagen real cargada cuando un usuario ve la página de su perfil.

Para hacerlo, seleccionamos la opción “Image” y ya está.

ACF File Upload Settings Front-end Display

Por último, guardamos este campo personalizado en la parte superior derecha de Joomla y probamos el formulario de registro de nuestro site.

Paso 4: Probando el formulario de registro de Joomla

Como acabamos de indicar si ahora nos vamos el formulario de registro de nuestro site Joomla podremos ver como hay un campo para poder subir el tipo de fichero que hayamos definido previamente.

Joomla Formulario Registro Subida Imagenes

¡Y eso es todo! Nos vemos en el siguiente artículo de Joomla. 😉

¿Quieres un Hosting Joomla SSD con un 25% de descuento?

En Hostinet te lo ponemos muy fácil para que puedas contratar el Hosting Joomla que necesitas para tu proyecto web, ¡SIEMPRE al mejor precio!

Introduce el cupón HostingSSD para obtener un descuentazo del 25% en la contratación o renovación de tu plan Joomla con discos sólidos (SSD). Sí, has leído bien ¡descuentazo del 25%! ¡Solo hasta final de año!

Hosting Joomla