---
title: Construir un formulario personalizado
slug: construir-un-formulario-personalizado
docTags: 
createdAt: 2024-02-20T21:36:17.506Z
---

:::BlockQuote
**Para construir el formulario, deberás haberlo creado previamente siguiendo estas instrucciones → [Crear un formulario personalizado](https://ayuda.mobbex.com/crear-un-formulario-personalizado)**
:::

⚠️**Importante: **Al crear tu formulario verás que los primeros tres campos hacen referencia a tres datos que son **obligatorios** para todas las compras:

1. Nombre
2. Email
3. DNI

 🔸Hacè clic en el signo ➕que figura abajo a la derecha para crear un nuevo Campo.

![](https://api.archbee.com/api/optimize/wYlzYU9oe8HZjh9BkqeFY/cq8YWeCJWJq_CRzqW3SCX_image.png)

 🔸Seleccioná qué tipo de Campo queres generar.

![](https://api.archbee.com/api/optimize/wYlzYU9oe8HZjh9BkqeFY/BY5QZedEJr7RKp1DIXz1j_image.png)

1 - **Separador: **Permite generar un separador que además le deja agregar texto como explicaciones o títulos. No permite que el cliente complete ningun tipo de informacion, sino que sirve para que puedas detallar algun dato que necesites que tu cliente vea o bien utilizar a modo de titulo.

<u>Ejemplo</u>:

::Image[]{src="https://api.archbee.com/api/optimize/wYlzYU9oe8HZjh9BkqeFY/poSwu-EjKfOOCbs7Io3Kg_image.png" size="54" width="562" height="422" position="center" showCaption="false"}

De esta forma lo visualizará el cliente en el checkout:

::Image[]{src="https://api.archbee.com/api/optimize/wYlzYU9oe8HZjh9BkqeFY/GE43Yhm7XWKgKvuq7ipV7_image.png" size="58" width="751" height="832" position="center" showCaption="false"}

2 - **Campo de Texto:&#x20;**&#x50;ermite generar un campo de Texto.

&#x20;🔸Una vez que selecciones la opción deseada, vas a visualizar en la pantalla el nuevo campo elegido.

A continuación indica los datos que quieras que tu cliente coloque en ese Campo:

![](https://api.archbee.com/api/optimize/wYlzYU9oe8HZjh9BkqeFY/7eL38tjqnnCycKnp8SCyg_image.png)

1 - **Identificador Único:** El Campo será guardado utilizando ese identificador. Debe ser único y no debe contener espacios ni mayúsculas. Cuando descargue sus datos se descargarán con ese identificador.
2 - **Nombre:** Le indicará a tu cliente qué debe colocar en ese Campo. Ejemplo: Provincia.&#x20;
3 - **Tipo**: selecciona el tipo de dato que queres solicitar (Texto, Fecha, Numérico)&#x20;
4 - **Flechas:** Te permiten subir o bajar los campos dependiendo en qué orden preferís que figuren en el formulario.

&#x20;❌**Cruz roja**: Hacer clic en la cruz para eliminar ese Campo.

**Ejemplo: Provincia**

::Image[]{src="https://api.archbee.com/api/optimize/wYlzYU9oe8HZjh9BkqeFY/2RB2KvmoHLPV0JWzXPvUC_image.png" size="58" width="663" height="657" position="center" showCaption="false"}

3 - **Selector:&#x20;**&#x50;ermite agregar un selector con elementos previamente generados por usted.

Ejemplo:

::Image[]{src="https://api.archbee.com/api/optimize/wYlzYU9oe8HZjh9BkqeFY/vZPQkRnDARCFeBU3SOQHl_image.png" size="60" width="676" height="757" position="center" showCaption="false"}

De esta forma lo visualizará el cliente en el checkout:

::Image[]{src="https://api.archbee.com/api/optimize/wYlzYU9oe8HZjh9BkqeFY/ia7q4r5K3zdOlNbIzDCg5_image.png" size="60" width="601" height="717" position="center" showCaption="false"}



<font color="#9900ef">**Siempre que realices una modificacion recordá hacer clic en “Guardar” y listo! ya tenes creado un nuevo campo en tu formulario personalizado.**</font>

:::BlockQuote
&#x20;📌<u>**Importante**</u>: Los campos que se sumen al formulario personalizado, se veran reflejados en el reporte de operaciones que podes descargar desde la consola.
:::