# Step 3: Interface

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

* **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="https://3751916347-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrFVYgBWX1V2HrY2WfwNy%2Fuploads%2Fb5Aa9HyorKbV4UltnawK%2Fimage.png?alt=media&#x26;token=8bd49f22-0d94-4936-aa22-cfa5dd9cdc75" alt="" width="208"><figcaption></figcaption></figure> <figure><img src="https://3751916347-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrFVYgBWX1V2HrY2WfwNy%2Fuploads%2FiVsue36mDyKYkPA779BP%2Fimage.png?alt=media&#x26;token=4dad90c2-ef00-4008-8f11-eb39110e0b3e" 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="https://3751916347-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrFVYgBWX1V2HrY2WfwNy%2Fuploads%2FTq2pBAXbbopc2pVTiwHd%2Fimage.png?alt=media&#x26;token=4a3e1b18-14e6-4fd3-8b5b-21a6e069f40c" alt=""><figcaption></figcaption></figure>

<p align="center"><img src="https://3751916347-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrFVYgBWX1V2HrY2WfwNy%2Fuploads%2FjQ50xseIntHnDYE6JuKQ%2Fimage.png?alt=media&#x26;token=8efa2a78-206e-4f74-864c-330d0cf76dbb" 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.

<figure><img src="https://3751916347-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrFVYgBWX1V2HrY2WfwNy%2Fuploads%2FYW0mdLgvflgZH435L5Xa%2F7.JPG?alt=media&#x26;token=5d482456-d42d-4956-aee1-d970f8360047" alt=""><figcaption></figcaption></figure>

Lead Generation&#x20;

<figure><img src="https://3751916347-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrFVYgBWX1V2HrY2WfwNy%2Fuploads%2Fg1y9XEXcc7WgPALhLXgW%2Fimage.png?alt=media&#x26;token=17da20f5-9319-4cf8-b96c-2c3924f39a6c" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3751916347-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrFVYgBWX1V2HrY2WfwNy%2Fuploads%2F949CotD0LArI6EiY0qZj%2Fimage.png?alt=media&#x26;token=5952e53c-d732-45de-8d7c-052d2df99435" 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:

* **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**.
* **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.

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

<figure><img src="https://3751916347-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrFVYgBWX1V2HrY2WfwNy%2Fuploads%2Fkwr8kga0u8tBvCAwmIED%2Fimage.png?alt=media&#x26;token=dba607f3-4c9d-42e4-aa23-1ffad9fd0c3d" alt=""><figcaption></figcaption></figure>

Follow Up Message :

<figure><img src="https://3751916347-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrFVYgBWX1V2HrY2WfwNy%2Fuploads%2FOn5zIWSCIrUaMrsf3VWY%2Fimage.png?alt=media&#x26;token=e26acfaf-59a9-402e-bc13-efbe2348c1c0" alt=""><figcaption></figcaption></figure>

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