Skip to content Skip to navigation Skip to topbar

Flex

Flex is a digital engagement center for sales and customer support teams that gives companies control over how they communicate with customers and prospects across all channels, and at every stage of the customer journey.

Flex works within existing solutions to drive revenue in three specific ways. First, it provides a customer service contact center with specific channels and integrations orchestrated to remove friction and drive repeat sales. Second, it enables high touch, contextual direct sales interactions. Third, it facilitates relationship management as your in-app digital concierge.

Get started

Take the next steps with Flex

Developer Documentation

Administrator Guide

End User Guides

Twilio servers

Your app

import React from 'react';
import { withTaskContext } from '@twilio/flex-ui';

const TaskSIDText = {
  color: "#FFF"
};

class CustomCRM extends React.Component {
  render() {
    const { task } = this.props;
    return <div style={TaskSIDText}>
      <p>Access agent task data</p>
      <p>Task SID: <span style={{ fontWeight: 'bold' }}>{task ? task.sid : 'No task selected'}</span></p>
    </div>;
  }
}

Deploy and manage your new contact center!

Take the next steps with Flex

Developer Documentation

Administrator Guide

End User Guides

Developer Documentation

Learn how to add channels, create engagement workflows and intelligent routing, and gain operational insights. Flex enables developers to customize and deploy your contact center with tools like the programmable Flex UI, the Plugin Builder, and Flex Insights.

1// Download the helper library from https://www.twilio.com/docs/node/install
2const twilio = require("twilio"); // Or, for ESM: import twilio from "twilio";
3
4// Find your Account SID and Auth Token at twilio.com/console
5// and set the environment variables. See http://twil.io/secure
6const accountSid = process.env.TWILIO_ACCOUNT_SID;
7const authToken = process.env.TWILIO_AUTH_TOKEN;
8const client = twilio(accountSid, authToken);
9
10async function createFlexFlow() {
11  const flexFlow = await client.flexApi.v1.flexFlow.create({
12    channelType: "web",
13    chatServiceSid: "ISaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa",
14    friendlyName: "FriendlyName",
15    janitorEnabled: true,
16  });
17
18  console.log(flexFlow.accountSid);
19}
20
21createFlexFlow();

Build your contact center

Start building with Flex

Developer Docs Overview

Build a Plugin

The Flex UI

Administrator Guide

Learn how to set up and administer your Flex contact center. Learn about Flex core concepts and the different steps involved in setting up and managing your Flex instance.

Core Concepts

Solutions Library

End User Guides

Explore how common use cases work in Flex. Whether you're starting an outbound call, initiating a warm transfer, or monitoring agent activity, the End User Guides will provide you and your agents the context you need to get the most out of Flex's existing architecture.

Dialpad and Calls

Insights and Analytics