# 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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.productcares.com/admin/forms/form-design.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.