.top-button { background-image: url(https://confluence.twin24.ai/download/thumbnails/23986188/baseline_keyboard_arrow_up_white_18dp.png) !important; background-position: center; background-color: #47a7f5 !important; background-repeat: no-repeat; box-shadow: -1px 1.5px 3px #999; color: #47a7f5 !important; border-radius:50px !important; position: fixed; bottom: 45px; left: 93.5%; width: 50px; height: 50px !important; font-size: 12px !important; padding: 14.5px !important; z-index: 2; } .top-button:hover{ background-color: #65b9ff !important; color: #65b9ff !important; } .page-header{ background-color: #232838; background-repeat: no-repeat; background-position: center; width: auto; height: 100px; background-image: url(https://confluence.twin24.ai/download/attachments/23986188/logo_twin-02.png); background-size: 10em; color: #fff; font-size: 20px; padding: 20px; } .page-footer{ background-color: #232838; background-image: url(https://confluence.twin24.ai/download/thumbnails/23986188/decorated-pattern-dark.png); width: auto; height: 10px; color: #fff; text-align: end; font: small-caption; padding-inline-end: 30px; padding-top: 200px; padding-bottom: 30px; } .page-headline{ background-image: url(https://confluence.twin24.ai/download/thumbnails/23986188/Solid256dot8_2changed.png); background-repeat: no-repeat; background-position-x: -227px; background-position-y: center; padding: 20px; background-color: #007bff; width: auto; height: 10px; color: #fff; text-align: center; font: caption; font-weight: 600; } .tabs-menu{ padding-left: 85% !important; }

In the Chats section you can create online chat configurations for websites, for example, to automatically answer frequently asked questions or help your clients choose products and make orders.

On this page:

tocorder

Settings

On the Settings page there is a list of all online chat configurations that you created for your website pages or linked to social networks and / or third-party services using the API.

...

• Frame code – get the frame code of the chat
• Connect Facebook – connect the chat to the Facebook social network
• View dialogs – view dialogs with the user
• Edit – edit chat properties
• Delete – delete the chat

Creating new chats

To create a new chat, select Chats – Settings from the side menu and then click the New chat button.

Image Modified

As a result a dialog window will open as shown in the image below.

Image Modified

In the Name field enter a name for the chat. By name you can quickly find the necessary chat on the list.

In the Select script field select the script that the bot will use in this chat.

In the Session ttl (seconds) field specify the duration of the user's inactivity period, after which the dialogue with the user ends. The inactivity period is specified in seconds.

In the Script when operators are offline field select the script that the bot will use when operators are offline.

In the Text when agents are busy field enter the message that the bot will send to the client when the dialog should be transferred to the operator but all operators are busy and no one can answer.

If you want the bot to ask the client for feedback at the end of the dialog, select the corresponding checkbox. In the field below, specify a period of time from the beginning of the dialogue after which the bot will ask the client for feedback.

In the Feedback type field select the scale that the client will use to rate the quality of the dialog. The following options are available:

• 2-point scoring
• 5-point scoring
• 10-point scoring

In the Bot color, Operator color, User color, Buttons color and Buttons text color fields use the color palette to select the necessary color. To select a color on the palette use two horizontal sliders. You can also enter RGBA, HSLA or HEX color codes. Arrow buttons allow you to switch between the color models and display a field for entering color HEX codes.

Image Modified

In the Bot image, Operator image and User image fields you can upload images that the system will use as avatars. You can upload .jpeg and .png images up to 5 MB in size. These fields are optional. If you don't upload images, the system will use the default ones.

Select the check box next to Request result for dialog so that the system asks the client for feedback when the dialog ends.

If you want the bot to respond to the client's first message, select the Reply to the user's first message checkbox.

In the Links to messengers section you can specify links to instant messengers and social networks where you want to use the chat. Buttons with messengers and social networks logos will be displayed next to the widget button. By clicking on any of these buttons the client will be able to start chatting in the widget or any messenger or start chatting in the widget, and then proceed to the messenger to continue their dialogue.

You can provide links to the following instant messengers and social networks:

• Yandex Alice
• Facebook messenger
• Vkontakte
• WhatsApp
• Telegram
• WeChat
• Viber
• Slack
• Skype
• Phone number (incoming call)
• Odnoklassniki
• Line Chat

To save changes, click Create new chat.

Searching for chats

If you have a lot of chats, you can quickly find the necessary chat using the search field, which is located at the top of the page.

Image Modified

For this, enter the full name of a chat or a part of this name in the search field.

Search results are displayed automatically.

Image Modified

To return to the full list of chats,  delete the search criteria in the field.

Getting a frame code

Using the frame code, you can add a chat to a page on your website.

...

Copy the code snippet located in the top section and add it to the contents of your website page.

Connecting chats to Facebook

To connect a chat to the page on Facebook, do the following:

• Click the Log in with Facebook button in the line of the necessary chat.
• Click the Log in with Facebook button to log in to your Facebook account.

Image Modified

Editing chats

To edit chat settings, click Edit in the line of the necessary chat.

Image Modified

As a result, a window with chat settings will open, as shown in the image below.

Image Modified

The steps for editing chat settings are similar those described in the Creating new chats section.

Deleting chats

To delete a chat, click Delete in the line of the necessary chat.

...

In the dialog window, confirm this action.

Viewing chat dialogues

...

...