To set up the Webchat widget, go to settings > channels, then choose Webchat. From there, click on the “Add Channel” button.
Once this is done, you can name the channel and decide whether to assign it to a specific team or not. Then click on “Connect.”.
Once done, you will enter the Webchat editor, which consists of four sections:
1. Widget Design
2. Launcher
3. Welcome Screen
4. Agents Not Available Screen
Each section provides a visual preview that will update in real-time with your changes.
Widget Design
Here you can define the theme colors and choose whether you want the button to appear on the right or left side of your website and a text area placeholder.
Launcher
It allows you to customize the widget button. Here, you can choose to keep the standard icon or upload an image of your choice, and insert a CTA welcome message.
Welcome Screen
This section allows you to customize the welcome screen that will appear to the visitor when they open the Webchat button. In this screen, you can customize a title, subtitle, an initial message, an input message, the start button, and whether or not you want to show your agents’ avatars on this screen.
NB: Regarding the input message, once it is completed by the user, it will be used to name the contact in the Callbell dashboard. As for the agent avatars, they are randomly selected from the available agents and represent the Callbell profile picture that each operator must upload in the “My Profile” section of Callbell.
Agents Not Available Screen
This section allows you to customize the welcome screen that will appear to the visitor when they open the live chat button if no agents are available.
This screen also contains a mandatory input field that can be used, for example, to collect the visitor’s contact information (WhatsApp number, email, etc.) so you can reach out to them later when you’re available again.
For more information about agent status in Callbell, please refer to this guide.