Formularios Impresionantes

Formularios Impresionantes permite al admin de la app crear varios tipos de formularios, desde formularios simples de Contáctenos, hasta formularios más complicados como calculadoras de hipotecas, conversiones de calificaciones, gerentes de inventario y más.   

  

Los datos de los formularios se pueden buscar, ordenar y editar fácilmente directamente en la app. Los miembros de la aplicación solo pueden acceder y editar sus datos. El admin de la aplicación puede ver conjuntos de datos combinados o individuales de los miembros de la aplicación. 

 

Los admin de aplicaciones también tienen opciones adicionales, como exportar datos y recibirlos por correo electrónico.

El líder del equipo o el administrador de la interfaz pueden ver informes combinados o individuales de los miembros del equipo.

 

CONFIGURACIÓN PRINCIPAL:

Al acceder a Formularios Impresionantes verás 4 pestañas. 

Administrar campos, administrar datos, diseño y configuración:

PESTAÑA: ADMINISTRAR CAMPOS:

Aquí agregas todos los campos y estableces la configuración general del formulario correspondiente:

• EMAIL DEL ADMINISTRADOR: ingresa una dirección email a la que llegarán las respuestas de los formularios enviados por los usuarios, luego de agregar la primera sección, te aparecerá la sección para colocar el email.
• DESCRIPCIÓN: El propósito general/descripción del formulario. La descripción se mostrará en la parte superior del formulario.
• FORMATO DE FECHA: Decide tu formato de fecha en MM/DD/AAAA o DD/MM/AAAA.
• AÑADIR SECCIÓN: Use esta función para separar su formulario en diferentes secciones (es decir, categorías).
• AGREGAR CAMPO: Clic en este botón para agregar un campo a su formulario. Al hacer clic en el botón, se le darán opciones para dar un nombre al campo, seleccionar las opciones para el campo, y seleccionar el tipo de campo:

• Nombre del Campo: el nombre que verá el usuario. Esto le dirá al Usuario de la App la información que debe ingresar en esta sección/campo del formulario.
• Campo obligatorio:  seleccione si el usuario de la app debe ingresar datos en el campo respectivo de manera obligatoria. 
• Habilitar solo lectura: si marcas la casilla el usuario no puede editar el campo. Útil para campos que contienen cálculos.
• Habilitar oculto: ocultar el campo. Útil para campos que contienen cálculos. A menudo, es posible que no desee que el usuario de la aplicación vea los campos que calculan los datos que se ingresan en el formulario. En estos casos se utilizaría esta opción.

 

A continuación, se muestra un desglose de los diversos tipos de campos disponibles para usted (se recomienda no colocar textos muy extensos en los nombres de los campos del formulario, se ha establecido una longitud máxima de 55 caracteres, después de lo cual se mostrarán 3 puntos suspensivos (...)

Texto: permite escribir texto corto (por ejemplo: su nombre...).

Texto de varias líneas: para grandes bloques de texto (por ejemplo, comentarios).

Email: para escribir dirección de email para ponerse en contacto con él.

Número: escribir un número (por ejemplo: número de personas para una reserva). También funciona con el campo Fórmula.

Fecha/Hora: escribir fecha y hora (ejemplo, hora en que quiere recoger lo que ordena).  

Geolocalización: campo para cuando necesite capturar la ubicación del usuario.

Dirección: para que el usuario ingrese una dirección y recuperar la información de longitud y latitud (para la dirección ingresada).  

Casilla de verificación: para seleccionar opciones tipo Sí/No. 

   

Radio: para capturar más de una opción para una pregunta.

Desplegable: para cuando desee que el usuario seleccione de una lista de opciones.

Imagen: para que el usuario cargue una imagen.

Aniversario: campo de Fecha sin hora (fecha de aniversario de la empresa, del evento o de lo que desees).

Cumpleaños: campo de Fecha de cumpleaños sin hora.

Teléfono: Número de teléfono que agrega el código de país. 

 

Firma: almohadilla de firma, ahora sus usuarios pueden enviar datos junto con la firma digital.

Scanner QR: para escanear códigos de barras y QR.

Fórmula: para realizar cálculos en el formulario en función de las entradas del usuario. Una explicación detallada de esta característica se explica con más detalle en esta documentación.

Cuenta: el nombre y la dirección de email del usuario se añaden automáticamente al formulario y no pueden editarse. Si lo utiliza, NO seleccione ninguna de las opciones de tipo de campo disponibles.

Click Wrap: para que el admin de la app agregue la Política de privacidad o Términos de servicio a un formulario que el usuario debe aceptar.

Link: Permite al usuario escribir una dirección URL.

Auto Incremento: Permite al admin de la app agregar un campo tipo “ID” a un formulario que aumentará automáticamente en número. Esta característica se explica con más detalle en esta documentación.

Info imagen: Permite al admin de la app mostrar una imagen en el lado móvil en el formulario impresionante al añadir / editar un nuevo registro. Luego de añadido el campo “Info Imagen”, lo guardas y vuelves a abrir el campo que acabas de añadir, y en “valor por defecto” introduces una ruta (URL) de imagen que se mostrará en el formulario.

Info audio: Permite al admin de la app mostrar un audio en el lado móvil en el formulario impresionante al añadir / editar un nuevo registro. Luego de añadido el campo “Info audio”, lo guardas y vuelves a abrir el campo que acabas de añadir, y en “valor por defecto” introduces una ruta (URL) de un audio que se mostrará en el formulario.

info Video:  Permite al admin de la app mostrar un video en el lado móvil en el formulario impresionante al añadir / editar un nuevo registro. Al igual que en los dos anteriores colocas una (URL) de video que se mostrará en el formulario.

Después de seleccionar el tipo de campo, clic en ok para guardar las opciones.

NOTA: Para el campo "Info Video":

Este campo de video es solo para videos alojados.

Para que Youtube funcione aquí, se debe modificar la URL del video de esta manera: 

https://www.youtube.com/embed/{video_id}

Entonces:

Este es un ejemplo de una URL de video original en Youtube:

https://www.youtube.com/watch?v=703705598

Y así quedaría la URL modificada:

https://www.youtube.com/embed/703705598

Básicamente necesitas sustituir watch?v= por 'embed/' en la url. Y guardar esta url modificada en el valor por defecto del editor, entonces esta url de vídeo funcionará.

Para que el enlace de Vimeo funcione de manera increíble, debe estar en el siguiente formato:

https://player.vimeo.com/video/{video_id}

Entonces:

Este es un ejemplo de una URL del Video original en Vimeo:

https://vimeo.com/703705598

Y así quedaría la URL modificada:

https://player.vimeo.com/video/703705598

Por favor, edite su link como en el ejemplo de "URL modificada" y funcionará.

PESTAÑA: ADMINISTRAR DATOS:

Permite descargar sus datos y/o eliminar los registros de datos enviados.    

Filtre datos introduciendo un correo electrónico o nombre. También puede filtrar datos mediante los campos de fecha Desde y Hasta. 

Para descargar los datos, simplemente haga clic en el botón Descargar CSV en el lado derecho de la pantalla. Al descargar los datos, sería útil ver nuestras instrucciones para abrir el archivo CSV. 

Si desea eliminar un registro, haga clic en el botón Eliminar situado a la derecha del registro:

PESTAÑA: DISEÑO

Puedes escoger entre dos opciones de interfaz de usuario: modo predeterminado y oscuro.

 PESTAÑA: CONFIGURACIÓN:

• AÑADIR RELACIÓN: actualmente está deshabilitada (funcionará con una futura adición a Formulario Impresionante. 
• DESHABILITAR EMAIL: si está habilitada, cuando el usuario de la app envíe su formulario, los resultados no se enviarán por email. Esta opción es útil para formularios de tipo calculadora, etc., donde el admin de la app no necesita los resultados de los envíos de formularios.  
• OCULTAR GUARDAR: si está habilitado, el registro de formulario solo se puede enviar. No habrá una opción para que el usuario de la app guarde el registro y realice cambios continuos.  
• ADJUNTAR PDF EN EL CORREO ELECTRÓNICO: Si está habilitado, se adjuntará un archivo PDF en el correo. (se recomienda no colocar textos muy extensos en los campos del formulario, se ha establecido una longitud máxima de 55 caracteres, después de lo cual se mostrarán 3 puntos suspensivos (...)
• ENVIAR COPIA AL CLIENTE: Si se habilita, se enviará una copia del correo al remitente del formulario.
• ENCABEZADO EN PDF: Se puede utilizar como título o encabezado en el correo/PDF del Formulario Impresionante.
• DIRECCIÓN EN PDF: Esto puede ser utilizado en el correo/PDF para agregar la dirección.

ALGUNAS ACLARACIONES

TIPO DE CAMPO “FÓRMULA”:

 

Como se mencionó anteriormente, el campo Fórmula permite al admin de la app realizar cálculos en el formulario en función de las entradas del usuario.

A continuación, se presentan ejemplos de formularios y fórmulas para ayudarlo a comprender mejor cómo utilizar este tipo de campo.  

 

CALCULADORA DE PROPINAS (FORMULARIO SIMPLE):

Para este ejemplo, vamos a crear un formulario de calculadora de propinas muy simple.  

1. Si aún no lo has hecho, agrega Formularios Impresionante a tu aplicación.
2. Dado que estamos creando un formulario de calculadora de propinas, no queremos que los envíos de formularios se     envíen por email al admin de la aplicación. Dicho esto, clic en la pestaña Configuración, luego marque la opción Deshabilitar Email y clic en Guardar.

3. Clic en la pestaña Administrar campos y complete el   campo Descripción, añada Información sobre la comida en el campo Añadir Sección y añada una dirección de email en Email del administrador.

4. Clic en Agregar campo y complete lo siguiente: 

• Nombre del campo:  Comida
• Campo obligatorio:  Sí
• Tipo de campo:  Número
• Clic en Ok para guardar

 

El usuario ingresará el monto total de la comida en este campo.

 

IMPORTANTE: Dado que vamos a usar el campo Comida como parte de nuestros cálculos, es importante que establezcamos este Tipo de campo en Número:

 

Clic en Agregar campo y complete lo siguiente:

• Nombre del campo:  Propina
• Campo obligatorio:  Sí
• Tipo de campo:  Número
• Clic en Ok para guardar

 

IMPORTANTE: Como antes, vamos a usar el campo Total de comida como parte de nuestros cálculos, y debemos establecer este Tipo de campo en Número (el nombre del campo no puede contener espacios):

 

Además, como los campos que se van a utilizar en los cálculos no pueden tener espacios, vamos a usar un guión bajo (_) en el nombre del campo (en nuestro siguiente campo, vamos a utilizar Cantidad_Propina en un cálculo).  

 

Clic en Agregar campo y complete lo siguiente:

• Nombre del campo:  Cantidad_Propina
• Habilitar solo lectura:  Sí
• Tipo de campo:  Fórmula
• Añadir Fórmula:  Propina*Comida
• Clic en Ok para guardar

 

IMPORTANTE: En la configuración de Agregar fórmula, simplemente le estamos diciendo al sistema los cálculos que queremos que realice. Entonces, en este caso, queremos que multiplique las entradas de comida y propina.   

 

Al introducir la fórmula, no ponga espacios:

7.Ya tenemos un campo que calculará la cantidad total de la Propina. Ahora vamos a agregar uno que calculará el Total General (cantidad de propina más la cantidad de comida).  

 

Haga clic en el botón Agregar campo y complete lo siguiente:

• Nombre del campo:  Total general
• Habilitar solo lectura:  Sí
• Tipo de campo:  Fórmula
• Añadir fórmula: Comida+Cantidad_Propina
• Clic en Ok para guardar

8. Vea una captura de pantalla del formulario en la aplicación:

FORMULARIO ESTIMACIÓN DE TRABAJO (FORMULARIO COMPLEJO):

Para este ejemplo, vamos a crear un formulario de Estimación de trabajos que utiliza fórmulas más avanzadas.  

1. Si no lo has hecho, agrega Formularios Impresionantes.
2. Haz clic en la pestaña Administrar campos y complete el campo Descripción.  

 

Luego Clic en Agregar sección y dele el nombre “Información de contacto”. Agregue una dirección de correo electrónico en el campo Email del Administrador:

-Vamos a usar el tipo de campo Cuenta de modo que capture automáticamente Nombre y dirección de email del Usuario que está enviando el Informe.

Haga clic en Agregar campo y complete lo siguiente:

• Nombre del campo:  Usuario de la aplicación
• Tipo de campo:  Cuenta
• Clic en Ok para guardar

IMPORTANTE: Al usar el tipo de campo Cuenta, es importante que NO seleccione ninguna de las opciones de campo (ni siquiera la opción requerida).  

-También queremos capturar el número de teléfono del usuario.

 

Haga clic en Agregar campo y complete lo siguiente:

• Nombre del campo: Número de teléfono

• Campo obligatorio: Sí

• Tipo de campo: Teléfono

• Clic en Ok para guardar

-El nuevo formulario tendrá algunas secciones para ayudar a mantener el formulario limpio y profesional. Haga clic en Agregar sección. Asigne a la sección el nombre Cocina.

 

-Vamos a mostrar el costo de un gabinete. Como simplemente queremos mostrar el costo y no aceptar entradas, vamos a agregar una entrada predeterminada y hacer que el campo sea de solo lectura para que el usuario no pueda editar el campo.

Nota importante: Cuando vamos a añadir el nombre del campo utilizamos guión bajo (_) en vez de separar las palabras con el espaciador del teclado. No se admiten tíldes en el nombre del campo.

 

En “Cocina”, clic en Agregar campo y complete lo siguiente:  

• Nombre del campo: Costo_Gabinete

• Valor predeterminado: 75

• Habilitar solo lectura: Sí

• Tipo de campo: Número

• Clic en Ok para guardar

-Nuestro siguiente campo va a permitir que el usuario ingrese el número de gabinetes que necesita (cantidad).

 

En “Cocina”, clic en Agregar campo y complete lo siguiente:  

• Nombre del campo: Gabinetes_Necesita

• Tipo de campo: Número

• Campo obligatorio: Sí

• Clic en Ok para guardar

-Ahora que tenemos el Costo del gabinete y la Cantidad (Gabinetes necesarios), usemos un tipo de campo Fórmula para crear un campo Sub Total. Vamos a multiplicar el costo     del gabinete por los gabinetes necesarios.  

 

En “Cocina”, clic en Agregar campo y complete lo siguiente:  

• Nombre del campo: SubTotal_Gabinetes

• Tipo de campo: Fórmula

• Habilitar solo lectura: Sí

• Añadir fórmula: Costo_Gabinete*Gabinetes_Necesita

• Clic en Ok para guardar

 

Hasta ahora así es como se ve el formulario:

-Lo básico está hecho... ¡Ahora es momento de ser creativos!

Vamos a agregar un campo Fórmula que le dará al usuario un mensaje basado en el número de gabinetes que solicite. Para calcular esta variable, vamos a usar una instrucción if en el campo Fórmula usando texto.

 

Si piden menos de 5 gabinetes, les haremos saber que ordenen más de 4 para obtener un descuento. Si piden más de 4, les informaremos que se aplica el descuento.  

 

En la sección “Cocina” que ha creado antes, haga clic en Agregar campo y realice lo siguiente:

• Nombre del campo:  Gabinetes_Descuento

• Tipo de campo:  Fórmula

• Habilitar solo lectura:  Sí

• Añadir fórmula:  if(Gabinetes_Necesita

Clic en Ok para guardar

IMPORTANTE:  Al utilizar el campo Fórmula no se debe traducir la instrucción if, puesto que no se ejecutará si se cambia if por si. Cuando se utilice la instrucción if, en el tipo de campo Fórmula, debe colocar símbolos primos (’) antes y después de su mensaje de texto. 

 

-Ahora, para calcular el porcentaje de descuento en los gabinetes, vamos a usar una instrucción if en el tipo de campo Fórmula usando números.

 

Si piden menos de 5 gabinetes, les haremos saber que el descuento es de 0.   

Si piden más de 4 gabinetes, les daremos un descuento de 0.05 (5%).

En la sección “Cocina”, haga clic en Agregar campo y realice lo siguiente:

• Nombre del campo:  Gabinetes_Descuento_Tarifa 

• Tipo de campo:  Fórmula

• Habilitar solo lectura:  Sí

• Añadir fórmula:  if(Gabinetes_Necesita

• Clic en Ok para guardar

Hasta ahora, nuestra sección de Gabinetes se ve así:

-Dado que nuestro cliente podría ordenar una gran cantidad de gabinetes, debemos tener en cuenta la tarifa de envío. Para calcular esto, vamos a usar una instrucción if que puede calcular múltiples variables.

Usando la fórmula, vamos a poder obtener una tarifa de envío basada en múltiples entradas posibles por parte del usuario de la aplicación. Cuanto mayor sea la cantidad de gabinetes necesarios, mayor será la tarifa de envío.

Mientras esté en la sección Cocina, haga clic en el botón Agregar un campo y realice las siguientes selecciones a continuación.  

• Nombre del campo:  Gastos_de_envio             
• Tipo de campo:  Fórmula
• Habilitar solo lectura:  Sí
• Añadir fórmula: 

if(Gabinetes_Necesita13,’199.99’,0))))

-Ya casi hemos terminado. Agreguemos nuestra sección final a nuestro formulario para los últimos campos. Haga clic en el botón Agregar una sección para agregar una nueva sección. Asigne a la sección el nombre MIsc.

 

-Queremos que el usuario de la aplicación firme el formulario, por lo que vamos a agregar un tipo de campo Firma. 

 

Mientras esté en la sección Mlsc, haga clic en el botón Agregar un campo y realice las siguientes selecciones a continuación:  

• Nombre del campo:  Firma
• Este campo es obligatorio:  Sí
• Tipo de campo:  Bloc de firmas
• Haga clic en Aceptar para guardar.

-Queremos que el usuario de la aplicación firme el formulario, por lo que vamos a agregar un tipo de campo Firma. 

 

Mientras esté en la sección Mlsc, haga clic en el botón Agregar un campo y realice las siguientes selecciones a continuación:  

• Nombre del campo:  Firma
• Este campo es obligatorio:  Sí
• Tipo de campo:  Bloc de firmas
• Haga clic en Aceptar para guardar

-Agreguemos un campo comentario para que el usuario de la aplicación pueda enviar notas adicionales si es necesario.  

Mientras esté en la sección Mlsc, haga clic en el botón Agregar un campo y realice las siguientes selecciones a continuación

 

• Nombre del campo:  Comentario
• Tipo de campo: Texto multilínea  
• Haga clic en Aceptar para guardar

-Por último, queremos dar a cada envío su propia identificación única.  Para esto, vamos a utilizar el tipo de campo Incremento automático. Además, queremos prefijar cada ID con REQ, y queremos que los registros comiencen con 1000.

Mientras esté en la sección Mlsc, haga clic en el botón Agregar un campo y realice las siguientes selecciones a continuación.  

• Nombre del campo:  ID de solicitud
• Habilitar solo lectura:  Sí
• Tipo de campo:  Incremento automático  
• Prefijo:  REQ
• Empezar con:  1000
• Haga clic en aceptar para guardar

NOTA: Probablemente también agregaría los siguientes campos al formulario: Dirección (para la ubicación del servicio) e Imagen (en caso de que el usuario de la aplicación quisiera enviarle imágenes de sus ideas, etc.). Para fines de capacitación, nos detendremos aquí.

-A continuación se muestran capturas de pantalla del  formulario en  la aplicación.

Una vez llenado al menos un formulario, se pueden filtrar los datos por cada uno de los campos que contenga dicho formulario. Dar clic en el ícono del filtro. 

En la parte de abajo aparecerá un área para seleccionar aquellos campos que desea realizar el filtro, seleccionando los radiobuttons.

 

 

Si deseleccionas el filtro se ocultará el área en la parte de abajo para seleccionar aquellos campos que desea realizar el filtro.

 

 

Si seleccionas el ícono de gráfica en la parte superior, aparecerá un área con una gráfica de pastel mostrando estadística acerca según el tipo de formulario que se han respondido. Puede filtrarse para todos los usuarios que lo han elaborado o por uno en específico.

Para llenar un nuevo formulario dar clic en el botón “Add new”.

 

¡¡¡Y eso es todo, así de fácil!!!