Últimos Posts:
http://gfsistemas.net/mailing/oki7.png

Crear Formularios en Joomla Muy Sencillo!

Manual del Usuario De Joomla

Ahora traigo al Blog, un tema muy interesante y el cual me han peguntado en estos días, como crear un formulario de registro en joomla bueno la respuesta es sencilla, usaremos un componente y mostrare paso a paso como realizarlo, primeramente dejo un tutorial de joomla para que puedan seguir usando este fantástico software... pues bien emepezemos...

http://i48.tinypic.com/11j0v20.png
Manual del Usuario De Joomla
PDF|español|compresion.rar|5mb

Introducción

Gracias por elegir el Sistema de Gestión de Contenidos (CMS) Joomla! Ha hecho una gran elección seleccionando uno de los más potentes y versátiles Sistemas de Gestión de Contenidos de Código Abierto disponibles.

Joomla! es un Sistema de Gestión de Contenidos (CMS) reconocido mundialmente, que le ayuda a construir sitios web y otras aplicaciones en línea potentes. Lo mejor de todo, es que Joomla! es una solución de código abierto y está disponible libremente para cualquiera que desee utilizarlo.


Chrono Forms

Joomla en uno de los CMS libres más flexibles que existen en el mercado, sin embargo una de sus debilidades es la creación de formularios. Para solucionar ese problema existen varios componentes para crear y añadir formularios a nuestros sitios Joomla. Los más populares son Joomla ArtForms, FacileForms y Chrono Forms que es el que vamos a explicar a continuación.

¿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 características más importantes de Chrono Forms son las siguientes:

  • Capacidad de usar Javascript y estilos CSS en forma de código.
  • Capacidad para configurar una respuesta automática.
  • Añadir Captcha imageverification a su forma de protegerle de spam.
  • Incluir campos de carga de archivos.
  • Permite código PHP.
  • Conectividad con otros componentes.

Tutorial de Instalacion y creación de formularios con Chrono Forms

Descargar Chrono Forms

En primer lugar tenemos que descargar ChronoForms desde su página 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

formulario1

Seguidamente Seleccionar el paquete de instalación que se encuentra en nuestro pc, para ello presionar Examinar.

examinaar

Luego seleccionamos el paquete de instalación comprimido y presionamos en Abrir.

abrir

Posteriormente hacemos clic en el botón 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 instalación.

exito

Primer Formulario desde Chrono Forms

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

formulario1

Al presionar Form Wizard aparece la siguiente pantalla.

formulario2

Desde aquí vamos a diseñar el formulario, agregar los correos a donde enviara y el formato de presentación que tendrá el texto que se envíe a través del formulario.

Diseñar Formulario
Para darle formato al formulario arrastramos las opciones que se añadiran desde la caja de herramientas ( Toolbox).

formulario3

Las opciones que ofrece este asistente de creación 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 dirección de Correo valida. Ejemplo: correo@ejemplo.com
Tooltip:
Introduzca una dirección 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 diseño del formulario está listo, ahora hay que añadirle las direcciones de correo a donde se enviaran los datos del formulario. Para ello presionamos en el paso 2 del asistente de creación de formularios del componente Chrono Forms.

Hacer clic en el icono New Email get_msgs_f2 y arrastrar desde la caja de herramientas las siguientes opciones:

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 dirección 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.

paso3

Para activar un mensaje de confirmación del envío del formulario, debemos ir al paso 4 y se escribe un mensaje confirmación. Por ejemplo Mensaje enviado Correctamente.

paso4

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 botón editar.

paso5 paso7

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

paso6

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 continuación un video que resume todos estos pasos. Cualquier sugerencia o duda no duden en escribir.


Share this article :

+ comentarios + 1 comentarios

Anónimo
27 de septiembre de 2011, 13:52

Gracias por la información ha sido de gran ayuda :)

Roberto

Publicar un comentario
 
Soporte : GFSistemas Corp. | Email Marketing | Pedidos o Sugerencias
Copyright © 2013. Informática al Día GFSistemas - Todos los Derechos Reservados By GFSistemas
Template Created by GFSistemas Published by GFSistemas
Proudly powered by Blogger