Skip to contentSkip to navigationSkip to topbar
Rate this page:
On 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.

View of the Flex UI admin dashboard when you first log in as an Administrator.

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 when the agent is not busy with any tasks.

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.

Agent View when there are multiple active tasks.

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.

Initial Teams View page when there is only one agent and they are not busy.

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.

The Teams View when an Agent is busy with a Call or SMS task.

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.

Initial Queues view when there is no data.

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.

Top navigation menu of the Flex UI.

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.


Rate this page: