lunes, 31 de octubre de 2016

Formularios para cualquier página web


¿Necesitas algo más que un simple formulario de contacto?


Si tu respuesta es "Si" has dado con el tutorial correcto. Si tu respuesta es "No", también has encontrado el tutorial que necesitas.

Hoy te vamos a enseñar a usar el configurador avanzado que puedes encontrar dentro de suformulario.com. Tanto si necesitas un simple formulario de contacto como si se trata de un formulario más complejo, este nuevo configurador va a cumplir tus deseos. En el caso de que tan solo necesites un formulario de contacto simple puedes acudir a nuestra entrada anterior y disponer de un formulario de contacto en menos de un minuto-

Bueno... pues vamos al tajo...

En suformulario.com disponemos de 3 configuradores gratuitos y accesibles sin registro previo que son contacto, reserva y avanzado.  En este tutorial vamos a centrar nuestra atención sobre el configurador avanzado.

Lo primero que debemos de hacer es acceder a http://www.suformulario.com.


En segundo lugar seleccionaremos el configurador avanzado. La página se divide en dos columnas
siendo la columna izquierda las instrucciones para obtener un formulario de forma rápida y la columna de la derecha el configurador de formularios. Este configurar dispone más opciones que sus hermanos menores.



Aunque se trata de un configurador más completo y más completo sigue siendo extremadamente fácil configurar un formulario. Hemos seguido la premisa de poder optener un formulario en menos de un minuto.

El configurador se divide en 4 partes que os vamos a explicar de forma secuencial.

De esta forma nuestro tercer paso sería buscar los campos que van a componer nuestro formulario.
Podemos hacer uso del filtro para buscar un campo que se adapta a nuestra necesidades o buscar por todos los campos que hay dado de alta en suformulario.com. Si decidimos buscar por todos los campos debemos saber que se mostrarán de forma paginada de cinco en cinco. En el caso de que de que no encontremos un campo que se adapta a nuestras necesidades podemos solicitar la creación de un nuevo tipo de campo a través de un formulario de alta de campos.


Una vez pinchado sobre el botón de buscar podremos añadir los campos a la configuración de nuestro formulario pinchando sobre el botón  complentando así  cuarto paso.


Os explico brevemente en que consiste cada elemento de la tabla de campos y como obtener más infomación de cada uno de los campos.



A través del botón  podemos ver más información del campo antes de añadirlo a la configuración.

Actualmente no hay soporte multi-idioma, pero se está evolucionando la aplicación para soportar español e inglés. Una vez la aplicación disponga de soporte para multi-idioma todos los campos que dispongan de traducción se podrán visualizar en el idioma seleccionado.

Nombre del campo: Cadena de texto que identifica el campo.
Etiqueta emergente: Cadena de texto que se muestra cuando un usuario pasa el ratón por encima del campo.
Tipo de campo: Este valor indentifica si el campo es un desplegable una caja de texto grande, un check de selección o una caja de texto corta.
Descripción: En la descripción del campo se suele dar información relevante como por ejemplo el número de caracteres que admite,o si este campo emite alguna notificación (tal y como se puede visualizar en el ejemplo).


Cada campo que añadimos al formulario con el botón se incorpora en el panel inferior.

Siempre nos podemos arrepentir y eliminar campos de este panel mediante el icono , también podemos marcar un campo como obligatorio 
 
y reordenar los campos añadidos (Quinto paso). 



El configurador avanzado de suformulario.com también te permite establecer el título que más te convenga dentro del campo Título (Opcional).


El sexto paso sería elegir el estilo para nuestro formulario, escribir nuestra dirección de correo electrónico  (donde queremos recibir las notificaciones de contacto, reserva, etc...) y aceptar la política de privacidad.

Por último solo queda rellenar los valores captcha (Imagen con letras y números aleatorios) y guardar el formulario.

Te recomendamos que antes de guardar el formulario lo previsualices midiante el botón de "PREVIO" te ayudará a ver como queda el formulario y podrás hacer las modificaciones que más te convengan de forma previa a guardar el formulario definitivo.

Una vez pulsado sobre el botón de "Guardar" suformulario.com te mostrará la URL del formulario que has configurado y te enviará un correo electrónico (Es muy importarte que el correo electrónico que uses sea correcto) con un enlace para activar el formulario (También lo puedes activar desde el panel privado de suformulario.com accediendo con tu correo y clave).

Suformulario.com te ofrecerá varias opciones para incorporar el formulario a tu página web como a través de un iframe, div o bien invocando directamente al formulario.

Puedes ver algunos ejemplos de páginas que han incorporado uno o varios formularios son:


Actualmente Suformulario.com carece de publicidad, puedes ayudar a que suformulario.com siga en pie haciendo una donación pinchando aquí.