# How to set up a Pre-chat Form

#### What is a Pre-chat form? <a href="#what-is-a-pre-chat-form" id="what-is-a-pre-chat-form"></a>

Before getting practical, we ought to provide a definition of Pre-chat form. A pre-chat form is a **pre-made form** that a user gets when clicking on the live chat window to start a conversation. Usually, it asks you for basic info such as full name and email address. Naturally, it can be **tailored** to whatever info you'd like to acquire.&#x20;

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

#### How to enable a Pre-chat form? <a href="#how-to-enable-a-pre-chat-form" id="how-to-enable-a-pre-chat-form"></a>

[Sign into your Tiledesk account](https://panel.tiledesk.com/v3/dashboard/#/projects), go to **Settings**, pick Widget and finally scroll down to Pre-chat.

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

#### Customize your Pre-chat form <a href="#customize-your-pre-chat-form" id="customize-your-pre-chat-form"></a>

Once you've enabled your pre-chat form, you can set its descriptive title, or just leave the one we've made available for you. **A basic pre-chat form** will ask for a name and email only. If you need other types of info, just enable custom fields.

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

If you choose to enable **custom fields**, these are the options you'll get:&#x20;

* Full name;
* email;
* phone;
* Terms & Privacy compliance;
* Accept Terms & Privacy;
* First message

<figure><img src="/files/395zEY53xAtxATLCzzze" alt=""><figcaption></figcaption></figure>

#### Pre-chat form examples <a href="#pre-chat-form-examples" id="pre-chat-form-examples"></a>

Here are two interesting use cases for&#x20;

**First message**

In particular, if you pick **First message**, this will allow your user to draft a message for the Support Team that will give them an initial idea of the issue. That way they'll be able to readily get back to the user with solution. See below.

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

First message as the pre-chat form preview:

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

**Terms & Privacy Policy**

Another frequent use case is when you need your users to familiarize with your policies, such as Terms of Service and Privacy policy. You can include the html script within the custom field, for example:

```
<a href='https://tiledesk.com/termsofservice/' target='_blank'>Terms</a> and <a href='https://tiledesk.com/privacy.html' target='_blank'>Privacy Policy</a>
```

You can also include the mandatory “I agree” check box.

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

Terms & Privacy policy as the pre-chat form preview:

<figure><img src="/files/57ReuwyHBmVhZmAZcPIE" alt=""><figcaption></figcaption></figure>

For more specific pre-chat customizations with **JSON specs**, check out our [developer zone](https://developer.tiledesk.com/widget/advanced/prechat-form-json#custom-prechat-form).

That's it , folks! This was everything you needed to  know about our pre-chat form. If you need any clarification, write at <info@tiledesk.com>


---

# 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://guide.tiledesk.com/how-to-set-up-a-pre-chat-form.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.
