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>;
  }
}

Easily 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.

Node.js

Python

Java

PHP

Ruby

twilio-cli

curl


_21// Download the helper library from https://www.twilio.com/docs/node/install
_21const twilio = require("twilio"); // Or, for ESM: import twilio from "twilio";
_21
_21// Find your Account SID and Auth Token at twilio.com/console
_21// and set the environment variables. See http://twil.io/secure
_21const accountSid = process.env.TWILIO_ACCOUNT_SID;
_21const authToken = process.env.TWILIO_AUTH_TOKEN;
_21const client = twilio(accountSid, authToken);
_21
_21async function createFlexFlow() {
_21  const flexFlow = await client.flexApi.v1.flexFlow.create({
_21    channelType: "sms",
_21    chatServiceSid: "ISaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa",
_21    friendlyName: "FriendlyName",
_21    janitorEnabled: true,
_21  });
_21
_21  console.log(flexFlow.accountSid);
_21}
_21
_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