Chat widget as an inbound channel
Do the following to use a chat widget as an inbound channel:
Creating a channel
Click Channels → Inbound → Connect channel on the control panel. Under Other, select Chat widget.
Fill out the following fields:
- Name — specify the channel name.
- Branch — specify the project branch you want to deploy into the channel (
master
by default). You can also select a Git tag or enter a specific commit hash. - Agent — select the customer engagement platform or leave this field empty.
- Deployment — select Automatic (whenever any change made to the project is saved) or Manual (using the Deploy button in the channel description line).
Click Create. Wait for a pop-up window with the deploy result to appear.
Now you have created a widget with the default configuration. JAICP has an easy-to-use graphic constructor you can use to customize the look and feel of your widget. Any updates you make are applied instantly. When you are satisfied with what you see, you can save the configuration and add the chat widget to your website.
Go to Edit chat widget to customize the look and feel of your chat widget.
Edit chat widget
Click the icon in the row with the bot → select Edit channel.
You can customize the graphical interface of your widget in the window that opens. Here, you can configure the following elements of the general look and feel:
- General settings
- Visual design
- Chat title
- Chat window
- Message sending
- Location
- Involvement in conversation
- Sound notifications
- Installation
General settings
- Name — name of the channel; displays in the channel list.
- Token — unique identifier of the bot. Used in the script link to embed the widget on the site.
- Branch — specify the project branch you want to deploy into the channel (
master
by default). You can also select a Git tag or enter a specific commit hash. - Agent — the customer engagement platform to which client requests, if any, will be sent.
- Deployment — select Automatic (whenever any change made to the project is saved) or Manual (using the Deploy button in the channel description line).
- Show % of users — the percentage of clients who will see the widget on the site.
- Show the widget close button — when this option is enabled, the widget icon will have a close button. If a user closes the widget, they should refresh the page so that the widget is displayed again.
- Copy project settings — you can apply settings from an existing channel to the new one.
Visual design
Here you can customize:
- Font type
- Font size
- Bot and user avatar size
- Color theme
You can select one of the few color themes.
You can create your own color theme. To do this, modify any existing color theme. The new theme is saved as a customized one, and you can return to it at any moment.
All your changes are immediately applied to the widget located in the right corner of the screen. Click it to preview the look of the chat widget.