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 especializado en Joomla con discos SSDJoomla 509´99 / mes
  • Hosting especializado en Joomla con discos SSDJoomla 257´99 / mes
  • Hosting especializado en Joomla con discos SSDJoomla 53´99 / mes
  • Hosting especializado en Joomla con discos SSDJoomla 509´99/mes
  • Hosting especializado en Joomla con discos SSDJoomla 257´99/mes
  • Hosting especializado en Joomla con discos SSDJoomla 53´99/mes
    • Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.
    • Almacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSD
    • El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.
    • La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.
    • Ideado para sacar el máximo partido a tu Joomla
    • Aumenta la velocidad de tu web + Info
    • Tras evaluación de nuestro equipo de migraciones
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Elige la versión de PHP que necesites
    • Certificado SSL autofirmadoCertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUI
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.
    • Migramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a Hostinet
    • Ideado para sacar el máximo partido a tu Joomla
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Hosting específicamente preparado para sacar el máximo rendimiento a tu Joomla
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.
    • Cada dominio alojado muestra un contenido único y diferente del resto
    • Aparcando un dominio secundario en el alojamiento de nuestro dominio principal conseguimos que ambos dominios resuelvan indistintamente con la misma página que tenemos colgada.
    • Cuentas de correo gestionables a través de POP, IMAP y servicio Webmail
    • Tus buzones de correo y mails limpios de virus y con un potente filtro antispam
    • Centro de datos en Madrid (España)
    • Opción de contratación de IP dedicadaPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUI
    • Opción de contratación de certificados SSL. Se requiere Ip dedicada.Puedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUI
    • Bases de datos MySQL disponibles para su uso en cada alojamiento web
    • ¿Quieres realizar desarrollos con Python? En Hostinet innovamos dia a dia en tu beneficio y por ello te presentamos como última novedad en todos nuestros servidores Web la posibilidad de desplegar tus aplicaciones con Python directamente desde el cPanel de tu Hosting.
    • ¿Quieres desarrollar tus aplicaciones con Ruby? En Hostinet te presentamos como última novedad en todos nuestros servicios de Hosting Web la posibilidad de desplegar tus aplicaciones con Ruby on Rails directamente desde el panel de control cPanel.
    • El fichero .htaccess permite modificar diferentes variables en la configuración de nuestra cuenta de alojamiento en el servidor.
    • El módulo mod_rewrite permite crear direcciones URL alternativas a las dinámicas generadas por la programación de nuestros sitio web (blog, foro, portal…), de tal modo que sean más legibles y fáciles de recordar
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web. Soporte en español por personal de Hostinet.
    • Completa recopilación de tutoriales sobre Hosting, Dominios y Joomla
    • 30 dias para probar tu servicio de Hosting y si no te convence el servicio... te devolvemos el dinero!!
    • Copia diaria incremental realizada por HostinetCopia diaria incremental realizada por HostinetCopia diaria incremental realizada por HostinetCopia diaria incremental realizada por Hostinet
    • Podrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento web
    • Nuevas altas. Contratación anual.