Skip to contentSkip to navigationSkip 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 Twilio Flex

Developer Documentation
1
Twilio servers
2
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>;
}
}

3
Easily deploy and manage your new contact center!

Take the next steps with Twilio Flex


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.

Node.js
Python
C#
Java
Go
PHP
Ruby
twilio-cli
curl

_15
// Download the helper library from https://www.twilio.com/docs/node/install
_15
// Find your Account SID and Auth Token at twilio.com/console
_15
// and set the environment variables. See http://twil.io/secure
_15
const accountSid = process.env.TWILIO_ACCOUNT_SID;
_15
const authToken = process.env.TWILIO_AUTH_TOKEN;
_15
const client = require('twilio')(accountSid, authToken);
_15
_15
client.flexApi.v1.flexFlow
_15
.create({
_15
janitorEnabled: true,
_15
friendlyName: 'friendly_name',
_15
chatServiceSid: 'ISXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX',
_15
channelType: 'web'
_15
})
_15
.then(flex_flow => console.log(flex_flow.sid));

Build your contact center

Start building with Flex


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

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.


TaskRouter
TaskRouter

Handle routing in your contact center

Product documentation
SIP Trunking
SIP Trunking

Global connectivity for VoIP infrastructure, deployable in minutes.

Product documentation
Bring your own carrier
Bring your own carrier

Connect your existing PSTN carrier to Twilio's programmable platform.

Product documentation
Agent Assisted Payments
Agent Assisted Payments

Enable agents to collect PCI-compliant payments on the phone

Product documentation

Rate this page: