# Create the First Custom Field

When you click the "Create Custom Field" button, the app will redirect you to the create custom field page. This page includes two sections:

* Custom field form
* Preview of custom field in an example theme

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

Your every change will be reflected instantly in the preview section. You can be able to see what will be shown to your customers before publishing it. As of now, you can create:

* Textbox
* Checkbox
* Radio button
* Dropdown
* File upload
* Date-picker
* Datetime-picker

Here is the definition of form fields:

* Field name: It's the name of your field. It won't be visible to your customers.
* Field cart name: This name will be shown to your customer on their cart and checkout pages.
* Field type: You can choose one of the field types from the list above
* Is multi-row: It's for long textboxes like order notes, descriptions, etc.&#x20;
* Is required field: If you select this option, the app does not allow customers to buy products without  filling custom field
* Font size: The font size of field
* Text, background, label, border colors: You can customize your custom fields
* Width and height: Set your customer width(%) and height(px)

You will see the final result of your custom field in the preview section.

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

Then you can choose any products or collections and save your custom field.

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

The edit page will work as the same. You can apply every customization to the custom fields. That way you can save your statistics.


---

# 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.codemateapps.com/product-custom-fields/overview/create-the-first-custom-field.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.