Cómo implementar un sistema de formularios en tu sitio Joomla 1.5 - crea tu primer formulario con CK Forms

Tags: CMS | gestor de contenidos | Joomla

Un formulario se visualizará en tu sitio como una página o sección en la que es posible recolectar información provista por los visitantes. Es una utilidad muy útil para conseguir información personal, información de contacto, recabar las preferencias, opiniones o sugerencias de los usuarios – visitantes del sitio o cualquier otro tipo de entrada por parte del visitante que el administrador – autor del sitio pueda necesitar. Así, por ejemplo, se utilizan formularios para enviar respuesta a la información solicitada por los usuarios, dar de alta a usuarios en el sitio, y muchos otros usos.

Ejemplos de formularios:

Crea un formulario nuevo

Acude al menú Componentes y haz clic en la entrada CK Forms para acceder a la administración del componente. Localiza el botón Nuevo de la Barra de Herramientas y haz clic sobre él:

Accedes así a la pantalla de configuración de un nuevo formulario. Observa las diferentes pestañas disponibles: General, Resultados, Email, Avanzado, La interfaz de pantalla y Ayuda.

Pestaña General

En primer lugar escribe el nombre del formulario, aquel con el que se mostrará en la base de datos (el componente te indica que no son válidos ni caracteres como la ñ, caracteres acentuados o caracteres especiales, ni tampoco debes dejar espacios vacíos si utilizas más de una palabra). Como vamos a crear un sencillo formulario para recoger sugerencias y opiniones de los usuarios sobre el sitio escribimos Sugerencias en el campo Nombre.

Escribe Opiniones y sugerencias en el campo Título: este campo es el que se corresponde con el nombre que el formulario adopta en el listado de formularios creados y configurados en el sistema. También se mostrará en el Frontend de tu sitio como título del formulario.

Asegúrate de que el formulario está publicado o si no los usuarios del sitio no podrán acceder a él.

Puedes utilizar todas las opciones disponibles en el editor de textos para escribir una Descripción sobre el nuevo formulario que estás creando, si lo precisas. Esta descripción se mostrará en el formulario como una información al usuario antes de la inclusión de los campos del formulario. Como ves en la siguiente captura de pantalla nosotros hemos escrito: Aquí puede escribir sus comentarios y sugerencias sobre el sitio. Si encuentra algún enlace que no funciona anótelo, intentaremos solucionarlo lo antes posible.

Pestaña Resultados

En esta pestaña puedes configurar si deseas que se grabe en la base de datos el contenido del formulario enviado. Valida la opción Sí en este caso.

Texto del resultado. Puedes utilizar el editor de texto para escribir el texto que deseas le aparezca al usuario una vez que envía el formulario. Por supuesto, puedes utilizar el editor para formatearlo a tu gusto.

Url de redirección. Puedes utilizar este campo de texto para incluir una dirección URL a la que el sitio se redirija después de que el usuario envía el formulario.

Si dejas ambos campos vacíos, el usuario volverá a la página de inicio de tu sitio Joomla tras el envío del formulario.

Si validas la opción Si en Redirect form data, una vez que el usuario ha enviado el formulario es redigirido de nuevo a la página del formulario.

Pestaña Email

Las opciones de esta pestaña se refieren a la configuración de la dirección de correo a la que se enviará el formulario y el texto que recibirás al enviar el email. Puedes validar ambas opciones o no según tus necesidades. Por ejemplo, en el campo de texto Dirección A: escribe tu dirección de correo electrónico, en Asunto del correo el título del mensaje recibido o enviado.

Utiliza el editor de texto para escribir el contenido del correo electrónico que será enviado al usuario.

Lógicamente si tienes instalado Joomla en un servidor local, en tu equipo, esta función de correo no podrá ser utilizada.

Como ves por la captura de pantalla siguiente puedes también decidir si deseas que se incluyan los archivos adjuntos al formulario, si es que la opción de enviar archivos estaba implementada en el formulario (CK Forms te permite configurar el envío de archivos, si lo deseas, como verás en nuestro futuro artículo dedicado a la creación de los campos del formulario).

Pestaña Avanzado

La opción más destacada de esta pestaña es la posibilidad de incluir código captcha en el formulario. Este código no es más que una secuencia de letras y/o números distorsionados de tal manera que su lectura sea incluso dificultosa para el ser humano. Una vez interpretado el código el usuario tendrá que escribirlo en una casilla determinada como parte de la validación del formulario.

Es una herramienta que se utiliza para evitar que los ordenadores, mediante algún sistema automatizado, puedan realizar determinadas tareas como crear cuentas de usuario en determinados servicios online, publicar mensajes en foros o como en este caso, enviar formularios de manera indiscriminada.

Es muy recomendable, por tanto, que valides la opción Sí para que el código captcha se muestre.

Si deseas activar el código anti-spam captcha, la librería GD de PHP debe estar instalada en el servidor PHP que estés utilizando. Si no estás seguro de ello, debes preguntar a tu proveedor de hosting sobre esta opción.

Las opciones Ruta de archivos cargados y tamaño máximo de archivos cargados tienen que ver con la posibilidad de enviar archivos a través de los formularios que crees – configures. En caso de que establezcas esta opción el archivo enviado a través del formulario se guardará en la carpeta que especifiques en la ruta de archivos cargados.

Pestaña La interfaz de pantalla

Las opciones de esta pestaña afectan a la apariencia en el Frontend de tu sitio de la página que muestra los datos enviados. Adelantando algunos de los contenidos que veremos próximamente, Joomla 1.5 te permitirá crear una entrada de menú que apunte precisamente a una página del sitio que muestre una tabla con los datos enviados por los usuarios en el formulario seleccionado (a partir de la versión 1.3.3). Los valores que introduzcas en esta página serán los que se muestren en dicha página.

Observa el aspecto que adquiere en el Frontend (lógicamente dependerá del formulario que estés configurando y de los campos del formulario que contenga):

Una vez que hayas configurado todas aquellas opciones que desees o necesites, haz clic en el botón Guardar de la Barra de Herramientas.

Volverás a la página del componente que muestra el listado de formularios creados en el sistema en la que, ahora sí, aparece el nuevo formulario que acabas de crear.

El formulario ya está listo, pero vacío. El siguiente paso será insertar los campos que desees en el formulario para recabar así la información deseada del usuario que lo cumplimente. Para ello deberás hacer clic en el nombre del formulario en el listado y acceder de nuevo a su edición.

Descarga nuestro tutorial en formato PDF - 411 kb - Descargar

Joomla - Componentes