Cómo crear un formulario de COTIZACIÓN en el Admin Panel

Cómo crear un formulario de COTIZACIÓN en el Admin Panel

Cómo crear un formulario de COTIZACIÓN en el Admin Panel.

Este formulario aparecerá dentro de cualquier unidad DISPONIBLE y solo será accesible cuando el usuario se encuentre dentro de dicha unidad. Este formulario enviará automáticamente un .pdf al usuario con la información de la unidad donde solicitó la cotización.




Puedes crear y administrar tus formularios en el admin panel, ve a la sección  Forms  y haz click en   Create your first form  




Escoge el tipo de formulario que necesitas crear. En este momento necesitamos crear un formulario "Quotes Generation" y crearemos uno "Blank" para crearlo desde el inicio vacío.



En esta pestaña, podrás crear el nuevo formulario.

1. Aquí decidirás qui quieres usar nuestro formulario o un formulario externo(Third-Party.
2. Click en los campos que quieras agregar al formulario 
3. Este es un preview de el formulario y el orden final de los campos
4. Puedes arrastrar y posicionar estos campos usando este manipulador.
5. Click "Save Form" para activarla y empezar a usarla

 Importante : Campo de Mail y título de formulario son obligatorio. 

 Importante : Hay detalles importantes a considerar para incrustar formularios externos en la app:

*La página del formulario NO DEBE CONTENER POPUPS!

*El formulario debe tener 2 botones con tags HTML, estos botones deben ser:

<button id="btnClose" type="button" class='' onclick="btnClose.click('btnClose');window.parent.postMessage('btnClose', '*');">Close</button>

y

<button id="btnClose" type="button" class='' onclick="btnClose.click('btnCancel');window.parent.postMessage('btnCancel', '*');">X</button>

Debes respetar el parámetro id="btnClose", type="button" y las funciones onclick.

Con eso, la app va activar estos botones para ir hacia atrás o cerrar el formulario dentro de la app.

Inputs type="submit" no van a funcionar para esto.

Puedes modificar el label y diseño de estos botones, también ubicarlos donde desees en el formulario.



Luego de crearlo, lo puedes volver a revisar en la sección de formularios, y aparecerá en la aplicación si los elementos de la UI están importados correctamente
Verás también algunas acciones extras:

Active - Clickea acá y desactivarás el formulario, vuelve a clickear para reactivarloClick on it and you will deactivate the form, click again to activate the form.
Edit - Ve al modo de edición, agrega nuevos campos o cambias las pistas ("hints").
Delete - Elimina el formulario
Export -X leads - Una vez el formulario esté activo y "atrapando" leads, podrás exportarlos y descargar un archivo .xlsx
Preview - Servirá para ver cómo se verá en la app.



Una vez en la app, cuando tu cliente complete el formulario, va a recibir un archivo .pdf con la información de la unidad. Este template de pdf es generado automáticamente y no es editable actualmente. 



    • Related Articles

    • Cómo crear un formulario de CONTACTO en el Admin Panel

      Cómo crear un formulario de CONTACTO en el Admin Panel Este formulario aparecerá dentro de la pantalla de contacto. Puede también aparecer en todas las pantallas si el usuario así lo decide, usando los archivos de UI Puedes crear y administrar tus ...

    • Administrando tu proyecto con el Admin Panel de Hauzd

      Para ver el video con  subtítulos en español ,  actívalos en youtube Hola! En este video, te mostraremos cómo usar nuestro Admin Panel, el portal donde podrás administrar todos tus proyectos. Podrás: Actualizar Inventario en tiempo real. Precios y ...

    • Crear Diagramaciones para la pantalla de Especificaciones

      Con hauzdEditor v1.06.152 o posteriores (más nuevas), puedes crear layouts interesantes para la pantalla de especificación, esto se hace con los archivos .ai. Solo son necesarios un par de pasos para lograr algo como esto:  1. Busca la capa EXPORT: ...

    • Integraciones via Zapier

      Conecte hauzd con cientos de otras aplicaciones con Zapier Zapier te permite conectar hauzd con más de 2000 apps. Las conexiones automatizadas llamadas Zaps, configuradas en minutos, sin ningún tipo de códigos, pueden automatizar tus tareas diarias y ...

    • Comenzando con el módulo "Surroundings"

      Requisitos previos: hauzdEd 1.6.068 or más nuevo  .fbx and .max MAP default file  https://downloads.hauzd.com/resources/surroundings.rar   STANDARD UI  https://downloads.hauzd.com/gettingstarted/standardui.rar  1. En el módulo Surroundings, ve a ...