Skip to contentSkip to navigationSkip to topbar
Rate this page:
On this page

Use Chat and Messaging



Flex Conversations requires Flex UI 2.0. If you are on Flex UI 1.x, please refer to Chat and Messaging pages.

Flex supports various messaging channels, including SMS, Chat, WhatsApp, and more. Using Flex, a contact center agent can handle multiple messaging tasks at one time.

Flex provides multiple features that help agents handle messaging channels more efficiently, like:

  • Customer presence indicators
  • In-app and browser notifications
  • Unread message count badges

Customer presence in chat

customer-presence-in-chat page anchor

Customer presence indicator allows agents to see a chat customer's connection status (online or offline) in real-time.



In order to use the Customer Presence feature, you'll need to enable a Reachability Indicator in your Programmable Chat service instance. So, if Customer Presence is not displaying an online status, make sure that the Reachability Indicator is enabled!

Agent Desktop View

When working on a chat task the Agent will be displayed an indicator in the Task List and Task Canvas Header. It will show a green icon if the customer is online, and a grey one if offline.

online customer indicator icon.

In-app and browser notifications

in-app-and-browser-notifications page anchor

In-app and browser notifications help agents respond to tasks that require their attention in a timely manner. Notifications improve response time and help create a smooth customer experience.

Agents will be notified of the following activity regarding messaging tasks:

  • Incoming messaging task
  • New messages in a messaging task posted by another participant


Starting from @twilio/flex-ui@1.26.0, browser notifications is a Generally Available feature and can be turned on/off using Flex settings. Go to Flex Settings(link takes you to an external page) to enable browser notifications.

In-app notifications for incoming tasks

in-app-notifications-for-incoming-tasks page anchor

If an agent is offered a new messaging task while they are navigated away from the Agent Desktop View, an in-app notification will be shown in a status bar below the header.

The agent can accept or reject the new task from the notification.

In addition to in-app notifications, a badge will also be shown on the Side Navigation to indicate that new tasks are available.

incoming chat request.

Agent will receive a browser notification if:

  • A new messaging task comes in while Flex is not in focus, or
  • A new message appears in an active messaging task while Flex is not in focus
browser notification.

Receiving browser notification for a new message

Enabling Browser Notifications

Agents will be prompted to enable browser notifications each time they log in or refresh the page. Once they choose to allow or block browser notifications, they will no longer see the prompt.

enable browser notifications.

Enabling browser notifications

The Flex UI also provides an interface for developers to customize in-app and browser notifications. Find out more about the Flex Notifications Framework.

Flex will display an unread message count in the Task List to indicate whether the agent has any unread messages in an active messaging task. This allows the agent to see if there has been any activity in the messaging task without clicking on the task itself.

Side Navigation will show a badge without a count if there are new unaccepted tasks or unread messages in any of the active messaging tasks in Agent Desktop View.

unread message indicator.

Unread message count in Task List

new task indicators.

New task or new message indicator in Side Navigation

As a supervisor, when monitoring Flex Conversations channel tasks, you can:

  • See a customer presence indicator in the chat Task Canvas Header
  • View the messages sent between the customer and the agent
  • View and download attachments sent over Flex Conversations channels
supervisor monitor task view.

Rate this page: