# Step 3: Interface

The **Interface** tab controls how your chatbot communicates with visitors.

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

**Greeting Message**: This is the first message shown when someone opens the chatbot. Example:\
\&#xNAN;*“Hello! 👋 How can I help you today?”*

**Greeting Message Display**: Customize where the greeting message should be displayed, we have 3 options :&#x20;

Choose where you want the greeting message to appear. There are three options:

1. **In Chat Only**\
   The message is shown only inside the chatbot, after it has been opened.
2. **Above Chat Icon**\
   The message appears above the chatbot icon (before opening the chatbot) and is also visible inside the chatbot.
3. **Above Chat Icon (Delayed)**\
   The message appears above the chatbot icon after a delay. You can set the delay time (in minutes), and the message will pop up accordingly.

<div><figure><img src="/files/ocudvxGglZ4GkVTzNrIL" alt="" width="208"><figcaption></figcaption></figure> <figure><img src="/files/umxk9Ffb7uwFjuO6hfPm" alt=""><figcaption></figcaption></figure></div>

* **Quick Messages** : Add predefined question snippets that users can click on, so they don’t have to type their queries manually.

<figure><img src="/files/5GUYeZxjNsX3QMIgvSxy" alt=""><figcaption></figcaption></figure>

<p align="center"><img src="/files/yxABOQbgtImoEjmeE9FU" alt=""> </p>

* **Fallback Message**: This appears when the chatbot doesn’t understand a question. Example:\
  \&#xNAN;*“I don’t have an answer for that yet. Can you rephrase your question?”*

These settings ensure your bot always responds — even if it doesn’t know the exact answer — and keeps the conversation flowing.

#### Lead Generation&#x20;

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

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

The **Contact Form** allows you to collect user information directly through the chatbot, making it ideal for **lead generation**. You can customize its behavior and appearance as follows:

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

**Display Position:** Choose when the form appears:

* **At Start:** The form is shown immediately when the chatbot opens.
* **After First Response:** The form is displayed after the chatbot sends its first message.
* **At End:** The form appears after the conversation ends.

**Form Heading:** Add a custom heading to guide users, e.g., *“We need your details to help you better.”*

**Form Fields:** Select the information you want to collect: **Name**, **Email**, and **Phone Number**.

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

**Success Messages:**

* **With Name:** Personalized message that includes the user’s name, e.g., *“Thank you for sharing your details with us. How can we help you, {user\_name}?”*
* **Without Name:** Message displayed if the user did not provide their name, e.g., *“Thank you for sharing your details with us. How can we help you?”*

**Consent Message (Optional):** Enable a consent message to inform users before they fill out the form.

This feature ensures you can seamlessly collect leads while maintaining a smooth chatbot experience.

#### Lead Form Email Notification

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

If you are on Essential or Business Plan, we have an additional Lead Form Email Notification feature for you. This feature sends you an instant email notification whenever a user fills out your chatbot's contact form. You'll immediately know when someone has provided their contact information, allowing you to follow up quickly.

#### How It Works

1. A user interacts with your chatbot and fills out the contact form (name, email, phone)
2. As soon as they submit the form, you receive an email notification
3. The email includes all the contact details and the conversation history leading up to the form submission
4. You can click a link in the email to view the full conversation in your dashboard

#### Setting Up Contact Form Email Notifications

1. Toggle the feature ON
2. Enter the email address where you want to receive notifications
3. Make sure your contact form is enabled in the chatbot settings

#### What You'll Receive

Each email notification includes:

* **Contact Details**: Name, email, phone number, and consent status
* **Conversation History**: The complete chat conversation that happened before the form was submitted
* **Quick Access**: Direct links to view the conversation in your dashboard

#### Benefits

* Never miss a lead - get notified instantly
* See the full context of how the lead was generated
* Respond faster with all information in one place
* Track which conversations are converting to leads

The generated leads will be displayed in chat conversation history as shown below :&#x20;

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

Follow Up Message :

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

This pop-up message appears when a user has been inactive for more than 1 minute. You can fully customize the text to suit your bot’s tone and context.


---

# 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://aibotkit.gitbook.io/documentation/bot-setup-5-step-builder/step-3-interface.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.
