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: ...

    • 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 ...

    • Introducción a hauzd Engine - Parte 1

      ¡Hauzd es la forma más fácil de crear presentaciones 3D interactivas de bienes raíces y me alegra poder mostrales el proceso de producción para que pueda comenzar a crear sus proyectos más rápido y más fácil que nunca!. Si aún no tiene Hauzd Engine, ...