> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.spreadsimple.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Customizing Order form fields

In this help article we will show how you can customize your default order form fields and add new ones.

### Customizing the default form fields

To customize your order form fields, go to the `Checkout Tab` -> **Form Fields**

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/fields1_1btzdl6.png)

There is a list of default form fields: 

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/fields2_1iwqwww.png)

You can edit their labels, make them required or optional, or disable them. 

To **enable** a field, click on the **gear icon** and select **Enable**.

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/fields4_1ynu1v3.png)

And to edit the default fields, click on **gear icon -> Edit** and you will see the field settings:

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/filed5_gvudmr.png)

As you can see, there're several options to customize the form field. 

You can:

* Add **Default value** which will be displayed in the field by default (this field is optional, meaning you don't need to change it unless you want to)

* Change the **Label** of that field:

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/fields5_mei8qj.png)

 * Add a **Placeholder** or a **Hint** for your customers (these are optional, you don't need to change them unless you want to)

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/field6_9xws1y.png)

* Select the necessary **field width** option to set how this field will be displayed on the order form

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/fields7_1l24ay3.png)

* Set **Validation rules** for this field. This way the field won't be considered complete until a certain criterion (or several criteria) is met. For example, to make a field required you need to select **Required** in the list of validation rules.

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/field999_mzl5ge.png)

You can also customize the **Error message** that will be displayed if your customer leaves the field blank:

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/fields8_2dhakz.png)

To remove the validation rule, just click on the **x** button:

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/fields9_n18wd7.png)

After you've made all the necessary changes, click on **Save**. 
Congrats! You've customized your form field! 

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/filed11_qwwf7w.png)

### Adding custom fields

To add a custom field, click on the **Add custom field** button 

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/fields12_obq7l.png)

And then configure the field settings:

1. Select **Field type**. There are 11 available options to choose from: text, email, number, select, multiselect, radio, checkbox, long text, date, time and description (this comes with markdown support). 

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/fields13_1rwjee3.png)

2. Enter the field **Label**.

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/fields14_ajx72v.png)


3. Add **Placeholder**, **Hint** and **Default value**. These settings are optional, so you don't have to use them if you don't need them for your case. 

4. Set **Field system name**. 

After you enter the field label, the field system name will be generated automatically based on your field label so you can just keep the suggested name. 

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/flieds15_11823v9.png)

You can change that name if you want to, but please note that **it should be unique** and **it should contain only Latin letters with no spaces (in [ASCII code](https://en.wikipedia.org/wiki/ASCII))**. The system field name is very important for the checkout process so make sure it's configured correctly.

5. Define the **field width**.

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/fields16_1sa09qt.png)

6. Set **validation rule** for this field (e.g., make this field required) and customize the error message if needed.

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/fields17_4a1hpb.png)

7. After the field settings are configured, click on Add. 

Congrats! You've customized your order form field! And you can add as many custom fields as you need for your use case.

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/fields18_im0wto.png)

| Quick Tip: after you've added new custom fields, update your order receipt so that it includes your custom fields replacing tags (you can see the tag below the field system name in the field settings). This way your customers will be able to see this information on their receipt. Same will work for Whatsapp and ECA add-ons.

![Copy the replacing tag](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/flieds115_1tc1506.png)

![Add the replacing tag to the receipt email template](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/fields-15-reciept_o2orj9.png)