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 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
Deploy and manage your new contact center!

Take the next steps with 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.

1
// Download the helper library from https://www.twilio.com/docs/node/install
2
const 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
6
const accountSid = process.env.TWILIO_ACCOUNT_SID;
7
const authToken = process.env.TWILIO_AUTH_TOKEN;
8
const client = twilio(accountSid, authToken);
9
10
async 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
21
createFlexFlow();
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

Need some help?

Terms of service

Copyright © 2024 Twilio Inc.