Menu

Chat Attachments

BETA

This Twilio product is currently available as a beta release. Some features are not yet implemented and others may be changed before the product is declared as Generally Available. Beta products are not covered by a Twilio SLA. Learn more about beta product support.

Once Flex Webchat attachments are enabled, you can start sending files via Flex web chat.

Send and receive files via web chat

Agents and customers will see the messaging canvas with any previous messages sent and received between them. At the bottom of the message canvas is the message input where you type out your replies, which includes the attachment button on the right.

Attachments-01.png

Clicking it will open your Operating System’s file picker which you can use to navigate your file structure and select the file you want to send. The chosen file will appear in a preview of the message with the file name and size shown. Click the send button to send the file or click the remove button to clear the file from the message input.

Attachments-02.png

Agents will see an error notification if the file doesn’t meet the size or type restrictions you’ve configured.

When the attachment has been sent you’ll see the file preview in the chat history. If customers are able to send you files they will also appear in the chat history.

Attachments-03.png

You can click the file preview to open the file. Depending on the file type it may open as a preview in your browser or be downloaded to your device. You may be prompted to select a location on your computer to save the file.

If the attachment fails to send you’ll be notified with a warning. You’ll need to re-select the file and send it again.

Attachments-04.png

You can compose a message that consists of both file and text. Note that they will be sent as 2 separate messages.

Attachments-06.png

Attachments-07.png

You can also drag-n-drop files into the Messaging Canvas to send them. Once you have dragged the file in, it will appear in the Message Input and you can send it right away or add text to the message before sending.

Attachments-05.png

Rate this page:

Need some help?

We all do sometimes; code is hard. Get help now from our support team, or lean on the wisdom of the crowd browsing the Twilio tag on Stack Overflow.

Thank you for your feedback!

We are always striving to improve our documentation quality, and your feedback is valuable to us. How could this documentation serve you better?

Sending your feedback...
🎉 Thank you for your feedback!
Something went wrong. Please try again.

Thanks for your feedback!

Refer us and get $10 in 3 simple steps!

Step 1

Get link

Get a free personal referral link here

Step 2

Give $10

Your user signs up and upgrade using link

Step 3

Get $10

1,250 free SMSes
OR 1,000 free voice mins
OR 12,000 chats
OR more