How to keep chatbar always open in Twilio Flex Web Chat

Question

I am using Twilio UI 1.8.2 and Twilio Webchat UI 1.2.0, How can I keep expanded the chat window of Twilio Customer Chat Panel if the page is refreshed or open the same page (session) in new tab/page in the browser.

By default, if I refresh the page it is started from minimized.

I am using Twilio's built-in flex (reactjs version) and expanding as my requirements.

philnash · Accepted Answer · 2019-10-29T21:00:23.957

2

Twilio developer evangelist here.

What I would do is hook into the actions framework of the webchat UI, listening for the ToggleChatVisibility action and save the open state of the chat into localStorage. Then when the page loads, load the state from localStorage and invoke the ToggleChatVisibility action if the chat should be open.

Does that help at all?

edited Oct 29 '19 at 21:00

answered Oct 29 '19 at 03:49

philnash

70,667
10
60
88

Thank you very much @philnash . It's working. Though I did not use `isEntryPointExpanded`, I just invoke action `ToggleChatVisibility` when the visibility is already `true`. – Md Sadequr Rahman Oct 29 '19 at 20:19
Fantastic! Would you mind marking the answer as correct so that others can see it helped too? – philnash Oct 29 '19 at 21:00
Hi @philnash, sure, I marked the answer with an upvote. – Md Sadequr Rahman Nov 01 '19 at 07:19
If you hit the check mark, it marks the answer as accepted rather than just voting it up :) – philnash Nov 03 '19 at 03:16
Thank you! Hope the rest of your app goes well. – philnash Nov 04 '19 at 08:27

How to keep chatbar always open in Twilio Flex Web Chat

1 Answers1