CX Customer Widget
Is developed by Expertflow as a sample implementation of the web channel. For deployment/hosting of the customer widget, follow this Deployment Guide. For access to the agent panel please refer to the Agent Capabilities.
Features | Visuals |
---|---|
Welcome FormAs a user, one can see an option to start a chat by clicking “Connect with us”. This redirects the user to the Pre-chat form to start a chat. | ![]() |
Pre-Conversation Form from Unified Admin (Optional)As an Administrator, one can create a dynamic pre-chat form in Unified Admin's Form Component to be used in the customer widget. Make sure the pre-chat form must contain a compulsory 'Phone' field.
| ![]() |
Plain Text MessageThe customer can send/receive plain text messages. The maximum character limit is 4096 characters. | ![]() |
Adaptive Message Composer Bar
| ![]() |
Button MessagesThis is an array of text buttons passed from the Conversation Controller (BOT) to Web-chat. The business can customize the text of the Button Message as per their own choice. | ![]() |
Multi-Media Type MessagesThe customer can send/receive files by clicking on the file upload icon in the message composer box.
To send/receive files, enable file transfer from the unified admin. | ![]() |
File Size LimitSupporting the file types with a maximum file size of 5 MB. | ![]() |
Shareable LinksThe Web Widget supports dynamic links which can be enabled from unified-admin → web widget settings. Businesses can use this feature to send and receive links between customers and agents. | ![]() |
View Delivery NotificationA delivery notification lets the customers know that their messages have been sent and read by the agent. The customers can see the double ticks as Delivery Notification as soon as the message is delivered and read. The ticks let the customer understand the following:
In case the customer sends a message but it is not delivered due to any reason such as instability of the internet, the message will be shown as blurred. | ![]() |
Session TimerA timer of 120 seconds starts when the customer requests for agent’s assistance. The chat session automatically ends if no response from the agent is received. | ![]() |
View System NotificationsThe prompt notifications during the conversation such as
| ![]() |
Webhook Notification on Google WorkspaceA Webhook notification on Google Workspace provides agents the flexibility to get notified in their Google spaces/groups of recently initiated web chat sessions. | ![]() |
Browser and Sound NotificationsThis feature enables the customer to receive browser and sound notifications along with a beep for each incoming chat message. The customer will receive notifications if:
The customer will not receive notifications when
| |
Typing IndicatorA typing indicator lets the customer know that someone is typing on the agent’s side during the active conversation. The Web chat supports a typing indicator in grey color when someone is typing the message. | ![]() |
Font ResizeThe Web Widget supports three font size options large, medium, and small. Businesses can use any one of their choice by clicking on the drop-down box at the top of the Web Widget as shown. This feature is enabled by default. The font sizes are 16px, 14px, and 12px respectively. To fix the font size, De-activate Font Resize from the unified admin. | ![]() |
Send Message Right-to-Left & Left-to-RightBased on the browser language settings, of the customer widget. the direction of the message composer bar will be converted into RTL and the customer can send/receive the messages starting from the right and proceed to the left and started from the left and proceed to the right. If it is an RTL (Right-to-left language) such as Arabic, Hebrew, Sorani, Azeri, Aramaic, Persian, Urdu, Kashmiri, Pashto, Sindhi, or Punjabi the message composer and alignment will be Right-to-Left as shown. In the case of Right to Left language, the conversation transcript will also be Right to Left. In the case of LTR (Left to right) language English for example, the message composer and alignment will be Left-to-Right. Note: Only Arabic is the supported RTL language for now. To send the message from Right to Left, choose the language from Default Language | ![]() |
End ScreenWhen the customer finishes the chat and the session times out, a Thank You message is displayed with a link to download the transcript. | ![]() |
Download Chat TranscriptThis feature enables the business to download the full chat transcript at the end of the web chat. Clicking on the Download Transcript button at the bottom of the widget before Dismiss allows you to view a printable HTML page containing the complete chat record. If the business wants\ to get print of this, click Print or Cancel otherwise. | ![]() |
Audio CallA customer can initiate an audio call at any time during an active conversation by clicking on the phone icon visible on the menu bar. Call Operational ActionsDuring an active call, the customer can perform additional actions from the toolbar:
Note: As an administrator, the administrator can enable/disable this feature from unified admin → web widget settings. | ![]() ![]() |
Video CallA customer can initiate a video call at any time during an active conversation by clicking on the video icon visible on the menu bar. During an active video call the following actions can be performed,
| |
Screen-Sharing CallA customer can initiate a screen-sharing call at any time during an active conversation by clicking on the screen-sharing icon visible on the menu bar. During an active screen-sharing call the following actions can be performed,
| |
WebConnect Video Call via Secure Link (Initiated from Agent Desk)During an active conversation, the agent can generate a secure video link to be shared with the customer to initiate a video call. The customer is asked to provide a unique authentication code shared with the link, ensuring privacy and security. WebRTC Token ValidationsVideo calls are only initiated when the WebRTC token is validated.
![]() | ![]() ![]() |
Browser Compatibility
The browser is now compatible with Chrome, Edge, Firefox, and Safari.
![]() Google Chrome | ![]() Mozilla Firefox | ![]() Microsoft Edge | ![]() Safari |