Vous êtes sur la page 1sur 6

Formularios en Joomla con Chrono Forms

Formularios Joomla
Joomla en uno de los CMS libres ms flexibles que existen en el mercado, sin embargo
una de sus debilidades es la creacin de formularios. Para solucionar ese problema
existen varios componentes para crear y aadir formularios a nuestros sitios Joomla.
Los ms populares son Joomla ArtForms, FacileForms y Chrono Forms que es el que
vamos a explicar a continuacin.Qu es Chrono Forms?
Es un componente que ayuda a usuarios de Joomla a crear y publicar potentes
formularios web en minutos. Algunas de las caractersticas ms importantes de Chrono
Forms son las siguientes:

Capacidad de usar Javascript y estilos CSS en forma de cdigo.


Capacidad para configurar una respuesta automtica.
Aadir Captcha imageverification a su forma de protegerle de spam.
Incluir campos de carga de archivos.
Permite cdigo PHP.
Conectividad con otros componentes.

Tutorial de Instalacion y creacin de formularios con Chrono Forms


Descargar Chrono Forms
En primer lugar tenemos que descargar ChronoForms desde su pgina web oficial
http://www.chronoengine.com/
Instalar Chrono Forms
Chrono Forms es un componente, por ello se instala como cualquier componente
Joomla. Para ello hacer clic en Extensiones-Instalar/Desinstalar

Seguidamente Seleccionar el paquete de instalacin que se encuentra en nuestro pc, para


ello presionar Examinar.

Luego seleccionamos el paquete de instalacin comprimido y presionamos en Abrir.

Posteriormente hacemos clic en el botn Subir Archivo & Instalar y esperamos a Joomla
se encargue de instalar el componente Chrono Forms. Si todo se hizo correctamente debe
aparecer el mensaje de xito de la instalacin.

Primer Formulario desde Chrono Forms


Para crear un formulario en Chrono Forms, ir a Componentes Chrono Forms
Form Wizard.

Al presionar Form Wizard aparece la siguiente pantalla.

Desde aqu vamos a disear el formulario, agregar los correos a donde enviara y el
formato de presentacin que tendr el texto que se enve a travs del formulario.
Disear Formulario
Para darle formato al formulario arrastramos las opciones que se aadiran desde la caja
de herramientas ( Toolbox).

Las opciones que ofrece este asistente de creacin de formularios son las siguientes:
Text, Heading, TextBox, PasswordBox, TextArea, DropDown, CheckBox, RadioButton,
DateTimePicker, FileUpload, HiddenField, Captcha, Button. Cada una de esas opciones
tiene sus propiedades.
El Formulario que vamos a crear tiene los siguientes campos:
Titulo, Nombre, Correo, Mensaje, Enviar
Titulo del Formulario
Para ello arrastrar un Heading con las siguientes propiedades:
Text: Formulario de Prueba
Size: H1
Nombre
Para ello arrastrar un TextBox con las siguientes propiedades
Label: Nombre
Validation: Required.
Validation Message: Introduzca su Nombre Completo.
Tooltip: Introduzca su Nombre Completo.
Field Name: text_1
Correo
Para ello arrastrar un TextBox con las siguientes propiedades
Label: Correo
Validation: Required, Email.
Validation Message: Introduzca una direccin de Correo valida. Ejemplo:
correo@ejemplo.com
Tooltip: Introduzca una direccin de Correo valida. Ejemplo: correo@ejemplo.com
Field Name: text_2
Mensaje
Para ello arrastrar un TextArea con las siguientes propiedades
Label: Mensaje
Validation: Required.
Validation Message: Escribe tu Comentario

Tooltip: Escribe tu Comentario.


Field Name: text_3
Enviar
Para ello arrastrar un Button con las siguientes propiedades
Label: Enviar
Al realizar estos pasos el diseo del formulario est listo, ahora hay que aadirle las
direcciones de correo a donde se enviaran los datos del formulario. Para ello
presionamos en el paso 2 del asistente de creacin de formularios del componente
Chrono Forms.
Hacer clic en el icono New Email
siguientes opciones:

y arrastrar desde la caja de herramientas las

To:
Subject:
Dynamic From Name:
Dynamic From Email:
En todas las opciones tienen que estar disponibles, para ellos marcar Yes en la
propiedad Enabled? :
Luego de habilitar la direccin de correo de destino, presionar sobre Paso 3 y editar el
formato de salida del formulario creado, darle el formato deseado y guardar los
cambios.

Para activar un mensaje de confirmacin del envo del formulario, debemos ir al paso 4
y se escribe un mensaje confirmacin. Por ejemplo Mensaje enviado Correctamente.

Para activar el formulario creado debemos guardar los cambios, luego en la pantalla
principal de Chrono Forms, hacer clic en el nombre del formulario o marcar la casilla del
formulario y hacer clic en el botn editar.

Luego en las opciones generales colocar Yes en Email the results ?, guardar y habilitar
el formulario en la pagina principal de Chrono Forms.

Publicar Formulario.
Para publicar el formulario en nuestro sitio web joomla, creamos un tem de Men
apuntando a Chrono Forms, le colocamos el nombre deseado por ejemplo Contacto y en
el campo Form name el nombre del formulario en nuestro caso escribimos formulario.
A continuacin un video que resume todos estos pasos. Cualquier sugerencia o duda no
duden en escribir.