To set up Webchat 3.x.x, you need to create a deployment key, link the deployment key to a chat address, and add the Flex-generated embed code to your website. This page provides detailed instructions.
You can have up to 10 deployment keys for different use cases. For example, if you have multiple brands with different domains, you can have a separate webchat widget for each brand.
Before setting up or updating Webchat, review the following considerations:
Use the following steps to set up Webchat 3.x.x:
In some environments, one deployment key is already set up for you and connected to a messaging address. If your environment includes a default deployment key and you'd like to use it, skip to Step 3: Test your webchat flow.
Otherwise, complete the following steps to create a deployment key:
In Console, navigate to Flex > Manage > Webchat.
Click Create Deployment Key.
Enter the following information:
https://demo.flex.twilio.com
, which enables you to use Webchat 3.x.x in the Flex demo environment.Click Create Deployment Key.
You are returned to the Webchat page. Your new deployment key appears in the Deployment Keys list.
Navigate to Flex > Manage > Messaging.
Click Create new address.
Enter the following information:
Click Create Address.
If you are updating to Webchat 3.2.x from Webchat 3.0.x or 3.1.x, contact our support team when you're done to finish updating your security settings.
You can customize the following for Webchat 3.x.x:
theme.isLight
: Control whether webchat uses light mode or dark mode.appStatus
: Control whether the webchat widget is open by default.By default, file attachments are enabled in Webchat 3.x.x. For details about attachments in Webchat 3.x.x, see File Attachments and API Limits.
You can restrict chat attachment file size and file types. For details, see "How do I update my file attachment configuration for Flex Conversations?" in Conversations FAQ and Troubleshooting.
Because Webchat 3.x.x is built on Twilio Conversations, you can change orchestration and messaging flows with the Interactions API.
If you are using Webchat 3.1.0 or later with Flex UI 2.10.0 or later, you have the option to display a message to agents to let them know when a customer has left the chat. This option is turned off by default. To turn it on, navigate to the Flex Feature Settings page and enable the Show message when customer leaves webchat feature.
After you create your deployment key, you can update its settings. From Twilio Console, navigate to Flex > Manage > Webchat and click the edit icon for your deployment key.
If you need to update Allowed origins or Fingerprint sensitivity, you may want to do so outside of normal business hours. When you change these settings, any existing webchat conversations might be disconnected.
You cannot change the deployment key SID or address configuration SID. If you need to change these, see the steps to replace the deployment key for an existing webchat widget.
If your deployment key is compromised, complete the following steps: