Skip to contentSkip to navigationSkip to topbar
Page toolsOn this page

Explore the Built-In Flex UI Views


Now that you've set up your Flex account, you can start exploring the Flex UI. As a reminder, you can log into the Flex UI at flex.twilio.com(link takes you to an external page).

There are four main views in the built-in Flex UI:

  • Admin Dashboard
  • Agent Desktop View
  • Teams View
  • Queues View

This section outlines each view and its purpose. To navigate through the different views, you can click on the icons on the left side of the Flex UI.

For more information about these views, you can check out the article Core Concepts: Flex UI.

Once you have familiarized yourself with these views, you can handle your first incoming call and SMS tasks, covered in the next section of this guide.

(information)

Info

This walkthrough is from the perspective of a Flex Administrator. Supervisors cannot view the Admin Dashboard, and Agents can only interact with the Agent Desktop view to handle interactions with end-users. Learn more about different user roles in the previous section of the Onboarding Guide.

(information)

Info

When you open the Flex UI for the first time, you might see a popup in your browser asking you to accept notifications from the web application. You should accept this so that the browser can send you notifications for incoming calls and texts.

You can add additional views later with plugins if you choose to customize your Flex UI beyond the out-of-the-box configuration.


Admin Dashboard

admin-dashboard page anchor

The Admin Dashboard(link takes you to an external page) is the first view you see when you log in to your Flex project as an Administrator. Here, you can see your provisioned phone number and configure certain aspects of your project. For example, you can edit the Service Level Objectives (SLOs) for your Queues, set up Customer Relationship Management (CRM) integrations for Salesforce and Zendesk, create new Skills for categorizing Agents, and enable or disable Flex features that are generally available, in private beta, and in pilot phase.

Twilio Flex admin dashboard with options for versions, features, plugins, development, and skills.

In the Agent Desktop View(link takes you to an external page), you see incoming, active, and wrap-up tasks that you are working on as an Agent. This is the primary view for an Agent without Administrator privileges, but Administrators can also act as Agents and interact with this view.

When you first create your account and go to the Agent view, there are no active tasks and there is no configured CRM.

Agent view with no active tasks and no CRM configured, showing Sarah Stringer offline.

Salesforce and Zendesk are both natively supported in Flex and you can integrate with them under Integrations in the Admin View.(link takes you to an external page) You can also add non-natively supported CRMs to Flex using plugins. When you integrate your CRM with Flex, an Agent can see a side-by-side view of customer details when they are engaging with that customer.

When an Agent has an active task, the Agents View displays the possible interactions with that Task. An Agent can also have multiple active SMS tasks and a single active Call task and switch between them in the Agents View.

Twilio Flex agent view with active tasks and no CRM configured message.

The Teams View(link takes you to an external page) is available for Admin and Supervisor roles. Here, you can see in real time what other people in your Flex project are doing.

Teams view showing one offline agent with no active calls or tasks.

The Teams View can display up to 200 Agents at a time. You can filter the list of Agents in the view. When you initially create your account, you only see yourself as an Agent as there are no other users in the account.

When an Agent is on a phone call or handling SMS tasks, information about those tasks show up here. As an Admin or Supervisor, you can listen in to live calls or text conversations by clicking on the tasks listed under an Agent's Calls and Other Tasks.

Teams view showing agent Sarah Stringer available with active call and SMS tasks.

You can also assign Agents Skills in this view, which you will learn about when configuring skill-based routing later in this Onboarding Guide.

Learn more about the Teams View capabilities in the Monitor Agent Activities article.


In the Queues View(link takes you to an external page), you can see a roll-up of each Task Queue for your account. This view is available for Admin and Supervisor roles.

The first time you look at the Queues View, before you have received any inbound calls or SMS messages, it will show that there is no data to display.

Twilio Flex queue view with 1 waiting task and longest wait of 22 seconds.

After you start handling Tasks, this page will display statistics about your Queues.

When you create a new Flex account, you only have one Queue, called Everyone. All calls and text messages go to this Queue. When a voice caller is in a Queue, they hear default waiting music until an Agent accepts the call.

When one or more Tasks are waiting in a Queue, you can see details about waiting tasks and the number of available, unavailable, and offline Agents.

The Queues View when there is an item waiting in a Queue.

You can set up new Queues from the Twilio Console. This guide includes instructions for creating your first Queues in the Configure Skill-Based Routing section. You can also learn more about the Queues View in the Real-Time Queues View documentation.


Outside of these views, you have a few more actions in the top navigation bar.

Flex UI top navigation with new project, trial selection, notifications, status, and user profile.

The following actions are available:

  1. Create a new Flex account (note: Flex accounts are also called "projects")
  2. Switch between Flex accounts, if you belong to multiple
  3. View any potential issues with your Flex connection (this icon has an exclamation mark in it if there are problems with your connection)
  4. Update your Agent status
  5. Logout

Now that you have familiarized yourself with the different Flex UI views, you are ready to handle your first Call and SMS tasks. Continue to the next section to learn how to handle incoming tasks.