> For the complete documentation index, see [llms.txt](https://docs-en.dydu.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-en.dydu.ai/livechat/dydu-livechat/overview-of-interfaces.md).

# Overview of interfaces

## Mark the escalation to Livechat on the chatbox from the Channels menu.

It is possible to discern within the chatbox whether the user is conversing with a human operator or your bot. 

To enable this functionality, simply navigate to the "**Channels**" section, then access the "**Display options for dialog bubbles**" interface of your bot, and activate the "**Livechat**" option. 

From this option, **you can also modify the displayed avatar**.

<figure><img src="https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2FYv5lYoMk9mSRDdTfGYxW%2FCapture%20d%E2%80%99%C3%A9cran%20du%202024-07-01%2011-49-56.png?alt=media&amp;token=c9c61dcc-2817-4d89-8680-53dd90451b98" alt=""><figcaption></figcaption></figure>

Once this functionality is implemented, during the user's transition to Livechat, they will see a distinct avatar appear for each operator response, different from that of the bot.

<figure><img src="https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2FbKe0ExpGhY53Vu4aCCXR%2FCapture%20d%E2%80%99%C3%A9cran%20du%202024-07-01%2011-50-33.png?alt=media&amp;token=97dd96a9-5cd1-4df6-8be9-8ea76d748fbc" alt=""><figcaption></figcaption></figure>

## **Leave the Livechat from the chatbox**

* When a user is engaged in a livechat conversation and wants to end it, they simply need to click the **"Leave Livechat"** button at the top of the chatbox.

<figure><img src="https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2FUPFJIPYu5Gtt0NCKbC8M%2Fimage.png?alt=media&amp;token=41651101-3bb9-4626-896e-6b810fca0704" alt="" width="384"><figcaption></figcaption></figure>

* A **message** will then be displayed, informing the user that they have **left the Livechat conversation**.

<figure><img src="https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2FdDpQpDOvdIH8s9gCKrG9%2Fimage.png?alt=media&amp;token=a6e0d9e8-d545-4d04-9ccf-5bf32c95e89d" alt="" width="384"><figcaption></figcaption></figure>

* If, during a livechat conversation, the user decides to close the chatbox by clicking the cross, a **pop-up window** will appear to inform them that the livechat conversation will end.

<figure><img src="https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2FiVJ0UuY2O99ghWKZ4BYY%2Fimage.png?alt=media&amp;token=a793c42a-a6eb-4a02-9140-7a67832bd5d5" alt="" width="385"><figcaption></figcaption></figure>

## Livechat new message notifications

When the user has minimized the chatbox during a livechat conversation, they can be notified that an operator has answered:

* **Browser tab blinking**: the tab title alternates between its usual title and a message announcing the new messages. This notification is enabled by default.
* **Badge on the teaser**: a red badge showing the number of unread messages is displayed on the teaser. This notification is disabled by default. It is particularly useful on mobile, or when the user has many open tabs and cannot see the tab title.

<figure><img src="https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2F122edMhFfE9ijJmLdxAI%2FCapture%20d%E2%80%99%C3%A9cran%20du%202026-11-10%2011-52-13.png?alt=media&amp;token=12c97b72-4162-414a-bb63-9bcc287caa78" alt="" width="185"><figcaption></figcaption></figure>

The number of unread messages is kept if the user reloads the page or navigates to another page. The notification disappears as soon as the user reopens the chatbox and interacts with it.

These notifications are set in the chatbox configuration, with the following parameters:

| Parameter                                   | Default value | Description                                                                |
| ------------------------------------------- | ------------- | -------------------------------------------------------------------------- |
| `livechatNotification > blinkTitle`         | `true`        | Makes the browser tab title blink when a new operator message is received. |
| `livechatNotification > teaserNotification` | `false`       | Displays a badge with the number of unread messages on the teaser.         |

{% hint style="info" %}
These parameters can be changed from the **Debug** tab of the chatbox **Display** step, in the **Channels** menu. This tab is not available to all users: to enable the badge on the teaser, contact your dydu representative.
{% endhint %}