...
| Note |
|---|
Please note only one root domain supported in the omni channel. |
...
Channels
The webchat widget allows you to seamlessly redirect users to multiple platforms such as WhatsApp, Facebook Messenger, Instagram, Telegram, and more. This feature ensures that users can connect with you through their preferred channels, enhancing their overall experience.
How It Works
When a user visits your webchat widget for the first time, they will be presented with a Get Started button, along with various channel options. These channels are integrated via Omni Channels.
If a platform like WhatsApp is linked to an Omni channel, and the user clicks on the WhatsApp icon instead of the Get Started button, they will be automatically redirected to that platform. This functionality is specific to Omni channels, allowing for a smooth transition between different communication platforms.
Where to Find It
To enable this feature, follow these steps:
Navigate to Webchat Widget Settings: Access the settings menu for your webchat widget.
Locate the Channels Option: You will find an option labelled Channels in the settings.
...
Activate the Desired Channels: Simply toggle on the channels you want to enable. Once activated, these channels will appear in the webchat widget, ready to redirect users as needed
...
For Example:
We have linked a page with Uchat for the testing purpose:
...
Also, we have a testing website where you can see that three channels are enabled, and the user can select any of the channels.
...
What happens when you click any channel:
Users who click the Messenger Channel will be redirected to the Facebook page.
...
Appearance
| Widget Connector | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
|
...
CSS Selectors | Function |
|---|---|
mr-1 | targets the heading text on top beside the logo |
text-xs | targets the reply status text below the heading text |
custom_chat_header | targets the background section of the heading |
message-content | targets the text in conversation bubbles on the chatbot side |
chat-bubble | targets the text in conversation bubbles on the user side |
bot-widget-bubble | targets the chat bubble showing up on the bottom corner of the website |
text-slate-700 | targets the divider line and text that shows the date section of a conversation |
agent | targets the reply box from chatbot and live chat agents side of the conversation |
user | targets the reply box from the user’s side of the conversation |
chat-message--input | targets the box section where you type your message |
bg-white | targets the background behind the chatboxes |
button-wrap .icon-button[type="submit"] svg | targets the submit icon |
Advanced Section
| Widget Connector | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
|
...