> For the complete documentation index, see [llms.txt](https://documents.cxgenie.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://documents.cxgenie.ai/marketplace/form-builder.md).

# Form Builder

This section will let you create a storage to save your customer information when submitting form.

* Get access to this feature by clicking on the button Form Builder on the workspace tool.
* This feature will be used in [Workflow](/bots/workflow.md).

<figure><img src="https://3928771814-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcrYvzbvjeUPqcy0srNQ9%2Fuploads%2FhEbLt3rzuuQvvHHAyU72%2Fimage.png?alt=media&amp;token=3b88a3b2-a29f-4bd5-8ce2-f84ffde7b793" alt=""><figcaption></figcaption></figure>

* When clicking on the button "Create form", you will be headed to the Form details. There are 2 main main areas that you need to know:

<figure><img src="https://3928771814-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcrYvzbvjeUPqcy0srNQ9%2Fuploads%2FCopXRQjzcLv3wHGydlqX%2Fimage.png?alt=media&amp;token=caefeefb-40fc-4b96-a14b-7a072eaa0c94" alt=""><figcaption></figcaption></figure>

1. Basic info:
   1. Name (\* is required): this is the name of the form, that will be displayed to use in Workflow.
   2. Submit URL: if you have the API URL, you can put it here for saving to your own service storage.
2. The field of the submit form information: this will display the information when your customer fill in.

<figure><img src="https://3928771814-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcrYvzbvjeUPqcy0srNQ9%2Fuploads%2Fw6W3Rdp9MW0ibKoQiBm7%2Fimage.png?alt=media&amp;token=943232a1-d84f-4b5a-b9c4-8391f21780d4" alt=""><figcaption></figcaption></figure>

Some fields and input types might help you to build a complete form. Press "Add field" button to add more fields in submit form.&#x20;

1. Input label: The name of the field needs to be filled out.
2. Require button: slightly sliding the button to the right, you turn on that field that needs to be filled if the customer wants to submit the form.&#x20;
3. Input types:&#x20;
   1. Text: input a short text.
   2. Text area: input a paragraph
   3. Number: input numbers, it can't be the alphabet.
   4. Selection: make a list with various options.

* Here is the example of complete form displayed on the customers' conversation:

<figure><img src="https://3928771814-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcrYvzbvjeUPqcy0srNQ9%2Fuploads%2FsoHuoaEP8tSxNEIjgz2H%2Fimage.png?alt=media&amp;token=e68bbe6e-071f-4986-9417-7e0b9f8540f8" alt=""><figcaption></figcaption></figure>

* There's a chat will be announced when the client submits successfully.

<figure><img src="https://3928771814-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcrYvzbvjeUPqcy0srNQ9%2Fuploads%2Fyyt9aj7slFHsOfLTFGng%2Fimage.png?alt=media&amp;token=ad3ab4e0-ae42-4c7d-933e-e5dbbf401746" alt=""><figcaption></figcaption></figure>

* These submitted forms will be stored in the tab "Results" of each form you have built.

<figure><img src="https://3928771814-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcrYvzbvjeUPqcy0srNQ9%2Fuploads%2FEQ1R6CMRvLUD6LTMJToU%2Fimage.png?alt=media&amp;token=029173e0-390e-49b7-bc45-d7c475a5a385" alt=""><figcaption></figcaption></figure>
