> For the complete documentation index, see [llms.txt](https://docs.productcares.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.productcares.com/admin/forms/form-design.md).

# Form Design

Customize the fields for the form using drag and drop, its very easy to customize the form fields

<figure><img src="/files/uwX7ykgXOqhbIcmIH21D" alt=""><figcaption></figcaption></figure>

Select fields on the left side, then its possible to drag and drop to arrange them on the right hand side.

Please make sure <mark style="color:red;">**there is an Email field in the form**</mark> (because an email is needed for send confirmation email to the customer)

### Add Fields

Here show all available fields, new fields will be added in the future.

### Add Options

Customize the field's option, each field have different options

## Fields

### Select From Category/Collection

This field is used for provide users a list of category/collection, so they can select a category, then able to select a product from the selected category/collection

![](/files/obPl20odtvY71pV4fEBF)

1. Collections must be created in the admin
2. Add the Select from Category field in the form’s Design
3. Configure the field (most importantly select which collections customers able to select from)
4. Preview the form
5. Test it
6. Save it