# Custom Checkout Field

Go to Tripgo >> Custom checkout field

## 1: Create custom checkout fields

Custom Checkout Field will be displayed in Booking Form and Enquiry Booking Form.

**Go to Tripgo >> Custom checkout field >>** Click **Add Field**

* **Types**: The theme supports 9 different types of Custom Checkout fields including Text, Password, Email, Phone, Textarea, Select(dropdown), File, Checkbox, Radio
* **Slug:** This name will be show in List of Custom Checkout Fields in backen&#x64;**.** You should add Unique Name, Not Space and Lowercase.
* **Price:** The Price Field only use for some types of Custom Checkout Field such as Radio, Checkbox and Select.
* **Label:** Label of Custom Checkout Field will be displayed at frontend
* **Default Value:**
* **Class:**
* **Required**: Mark Custom Checkout fields as required/non-required
* **Enable**: Enable/Disable Custom Checkout field in the form. This value is overridden in each product.

<div><figure><img src="broken-reference" alt=""><figcaption></figcaption></figure> <figure><img src="https://4212765544-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZOiVMEtQvzvKpud2EtLj%2Fuploads%2FEHBasEG90CzNmyc36TNi%2FScreenshot%202025-07-28%20at%2014.54.28.png?alt=media&#x26;token=67b55c64-fa98-4061-a730-1e0077b4cac7" alt=""><figcaption><p>Select type</p></figcaption></figure></div>

<div><figure><img src="https://4212765544-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZOiVMEtQvzvKpud2EtLj%2Fuploads%2Fz2Go4XU9FVdDWgGouyc7%2FScreenshot%202025-07-28%20at%2014.56.13.png?alt=media&#x26;token=4eb23774-35c4-49d6-a671-2e145aebe38f" alt=""><figcaption><p>Checkbox type</p></figcaption></figure> <figure><img src="https://4212765544-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZOiVMEtQvzvKpud2EtLj%2Fuploads%2FvEZutsw8NjdZU503QDBc%2FScreenshot%202025-07-28%20at%2014.57.00.png?alt=media&#x26;token=21f412cc-ede5-4341-ab1e-3f8416b24546" alt=""><figcaption><p>Radio type</p></figcaption></figure> <figure><img src="https://4212765544-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZOiVMEtQvzvKpud2EtLj%2Fuploads%2FmU14l3SfJTk4SYZv9rkl%2FScreenshot%202025-07-28%20at%2014.58.14.png?alt=media&#x26;token=b65543c7-23d8-4ff4-92de-4772758221ea" alt=""><figcaption><p>Text type</p></figcaption></figure> <figure><img src="broken-reference" alt=""><figcaption><p>Phone type</p></figcaption></figure></div>

<div><figure><img src="broken-reference" alt=""><figcaption><p>Email type</p></figcaption></figure> <figure><img src="broken-reference" alt=""><figcaption><p>Password type</p></figcaption></figure> <figure><img src="broken-reference" alt=""><figcaption><p>Textarea type</p></figcaption></figure> <figure><img src="broken-reference" alt=""><figcaption><p>File Type</p></figcaption></figure></div>

## 2: Use Custom Checkout Field

If you want to create a new product and like to add separate Custom Checkout Fields for that product:

Go to P**roducts >> Add New >> Advanced Options >> Custom Checkout Fields**

In Display Custom Fields From Drop-down, there are 2 options to choose:

* **Category Setting :** Get fields that setup in [category](https://ova-themes.gitbook.io/tripgo/tripgo-menu/categories)
* **New:** You can choose some fields only for this product
* **No:** Don't use custom checkout field for this product.

<div><figure><img src="broken-reference" alt=""><figcaption></figcaption></figure> <figure><img src="broken-reference" alt=""><figcaption></figcaption></figure> <figure><img src="broken-reference" alt=""><figcaption></figcaption></figure></div>

## 3: Display at frontend

The custom checkout fields will display in Booking Form and Request Form

<figure><img src="broken-reference" alt=""><figcaption></figcaption></figure>
