Herramientas personales
Vistas

Formularios personalizables

De Jimdo Hilfe

Contents

Registro

Ir a http://jotform.com/.

Registrarse en la página: para ello simplemente un nombre de usuario y una dirección de correo electrónico (a la que posteriormente os llegarán las peticiones/preguntas, en función de cómo se realice la configuración de los formularios de ventas.

Creación nuevo formulario

Hacer clic en “New”, aparecerá una ventana “Form wizard” (asistente para formulario).


Seleccionar el carrito de compra que aparece con el título “Submit product” y, a continuación, hacer clic el botón “Next” que aparece a la izquierda de la ventana.


Seleccionar uno de los formularios modelos que aparecen y hacer clic en “Finish”.


Saldrá por fin la hoja de formulario que hay por defecto. Aquí es donde empiezan las opciones para
personalizar.
El funcionamiento es, de hecho, parecido al de Jimdo:
hacer clic sobre el elemento que se quiere y editarlo o eliminarlo
(haciendo clic en la cruz que aparece a la izquierda cuando lo seleccionamos).

A la derecha del formulario aparecen cuatro menús deplegables:
“TOOLBOX”: contiene distintos campos básicos para agregar al formulario.
“POWER TOOLS”: contiene campos algo más “avanzados”.
“PAYMENT TOOLS”: ofrece la posibilidad de introducir un campo con distintos métodos de pago.
“PROPERTIES”: aquí se muestran las propiedades y aspectos que se pueden editar de cada elemento que seleccionamos en el formulario.

Funciones de los campos básicos de “TOOLBOX”

Imagen:toolbox.jpg

"Text": añadir texto al formulario.

"Heading": añadir un título al formulario.

"Texto Box": añadir una pequeña casilla de texto para que la rellenen.

"TextArea": añadir un gran área de texto para que la rellenen.

"DropDown": añadir un menú desplegable con una o varias opciones a seleccionar.

"CheckBox": añadir casillas de verificación. El usuario podrá elegir una o varias opciones.

"RadioBoton": añadir un botón de acción. El usuario sólo podrá elegir una opción entre varias.

"Date TimePicker": añadir una fecha. Se abre un calendario.

"FileUpload": añadir un botón a través del cual se pueda subir un archivo. Se puede limitar el tamaño máximo y el tipo de los archivos.

"Button": añadir un botón de confirmación.


Funciones de los campos de “POWER TOOLS”

Imagen:powertools.jpg

'"Captcha"': añadir un código de comprobación para evitar spam.

"StarRating": añadir opción de calificar mediante estrellas de 1-5.

"PasswordBox": añadir opción de solicitud de contraseña. Los valores introducidos no son visibles en el buscador.

"FormCollapse": añadir un separador al formulario. Esto permite esconder, si así se desea, algunas preguntas.

"AutoCpmplete": añadir un campo de texto que detecta lo que el usuario intenta escribir y lo completa.

"BirthDatePicker": añadir un calendario específico. El usuario podrá escoger día, mes y año.

"HTML": añadir código HTML. Se abre un editor HTML donde puedes agregar texto enriquecido.

"Image": añadir una imagen externa a tu formulario. Lo único negativo de esta opción es que tienes que alojarla antes en algún servidor Web y, posteriormente, introducir la dirección donde está alojada la imagen.

“PAYMENT TOOLS”

Presenta varias opciones de pago para integrar en los formularios:

Imagen:paymenttools.jpg


PayPal: para pagos únicos. Se necesita una cuenta de Paypal.


Google CheckOut: sólo es válida para EE.UU.


WorldPay: para pagos únicos de usuarios.


2CheckOut: para pagos únicos. O suscripciones de usuarios.


ClickBank: para pagos únicos.


OneBip: para pagos únicos. Sólo Europa y EE.UU.


“PROPERTIES”

Imagen:properties.jpg

"Title": es el título de tu formulario para después guardarlo.

"Alignment": establece la alineación de las etiquetas y campos de texto: izquierda o centrado. "Theme": distintos diseños para el formulario.

"Background": establecer color de fondo o propiedades CSS del formulario.

"Font": establecer tipo de fuente del formulario.

"Font Size": establecer tamaño de fuente del formulario.

"Font Color": establecer color de fuente del formulario.

"Header URL": integra el diseño de tu sitio Web en tu formulario añadiendo la URL del encabezado de tu sitio Web.

"Footer URL": integra el diseño de tu sitio Web en tu formulario añadiendo la URL del pie de tu sitio Web.

"ThankYou URL":establece tu propia página de inscripción de correo desde tu sitio Web. Se debe tratar de una URL.

"Send e-mail": seleccionar "yes" si se quiere recibir un correo electrónico cada vez que se recibs una nueva petición.

"E-mail": introducr aquí la dirección de correo electrónico para recibir las consultas desde el formulario.

"Form Status": para desactivar el formulario, poner el estado del formulario en "Disabled" (desactivado). Los usuarios no podrán verlo o hacer pedidos desde él.

Cómo guardar el nuevo formulario

Una vez esté listo el formulario:

Imagen:uno.jpgSe puede hacer clic en “Preview” para una vista preliminar :-).
Imagen:dos.jpgHacer clic en “Save” para guardarlo.
Imagen:tres.jpgPara poder introducirlo en una página Jimdo hay varias opciones, la más recomendable: hacer clic en “Source” y copiar el código HTML que luego se tiene que pegar en un elemento widget/HTML de Jimdo.


Cosas importantes:
Los formularios permanecen guardados online en vuestra sesión y bajo vuestro nombre de usuario.
La dirección de correo electrónico es importante, ya que allí llegarán los correos.
Formularios a modo de prueba y de ejemplo:
http://tienda-virtual.jimdo.com