Start building with 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.
Take the next steps with Flex
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>;}}
Take the next steps with Flex
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/install2const twilio = require("twilio"); // Or, for ESM: import twilio from "twilio";34// Find your Account SID and Auth Token at twilio.com/console5// and set the environment variables. See http://twil.io/secure6const accountSid = process.env.TWILIO_ACCOUNT_SID;7const authToken = process.env.TWILIO_AUTH_TOKEN;8const client = twilio(accountSid, authToken);910async function createFlexFlow() {11const flexFlow = await client.flexApi.v1.flexFlow.create({12channelType: "web",13chatServiceSid: "ISaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa",14friendlyName: "FriendlyName",15janitorEnabled: true,16});1718console.log(flexFlow.accountSid);19}2021createFlexFlow();
Start building with Flex
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.
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.
Handle routing in your contact center
Product documentationGlobal connectivity for VoIP infrastructure, deployable in minutes.
Product documentationQuickly deploy IVRs and Chatbots using a visual editor.
Product documentationConnect your existing PSTN carrier to Twilio's programmable platform.
Product documentationEnable agents to collect PCI-compliant payments on the phone
Product documentation