.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; } |
Кнопка с пиктограммой виджета расположена в правом нижнем углу страницы сайта. По умолчанию виджет отображается в свернутом виде.
Чтобы развернуть виджет, нужно нажать на кнопку виджета.
Чтобы свернуть виджет, нужно повторить данное действие.
В верхней части виджета отображается название и статус бота.
Возможны следующие статусы:
В качестве названия виджета можно использовать имя и фамилию виртуального оператора, с которым будут общаться посетители вашего сайта (например, Антон Субботин или Мария Иванова), а также любую фразу, которая может привлечь внимание посетителя.
Чтобы задать желаемое название виджета, выполните следующие действия:
2. В открывшемся окне измените название чата.
Результат изменений показан на рисунке ниже.
Чтобы начать диалог с ботом, пользователю нужно задать вопрос или ввести текст сообщения (например: "Здравствуйте") в поле Сообщение и нажать на кнопку . Бот также может начать диалог самостоятельно согласно заданному сценарию.
Чтобы изменить сценарий, по которому проходят диалоги с пользователями, выполните следующее:
3. В открывшемся окне в поле Выберите сценарий выберите новый сценарий для вашего чата.
4. Нажмите кнопку Сохранить чат.
В виджете используется цветовая индикация. Все сообщения бота отображаются на светло-сером фоне. Сообщения пользователя отображаются на темно-синем фоне.
Цветовую схему виджета можно настроить в соответствии с вашими предпочтениями (подробнее см. Создание новых чатов).
Под каждым сообщением отображается время его отправки.
Напротив сообщений бота отображается его аватар. Это помогает быстрее ориентироваться в длинных диалогах.
Для каждого сообщения, которое пользователь отправляет в диалоге, отображается статус отправки. Возможны следующие статусы:
– сообщение успешно доставлено;
– выполняется доставка сообщения;
– сообщение не доставлено.
Если по техническим причинам сообщение не было доставлено, пользователь может нажать на кнопку рядом со статусом этого сообщения. Сообщение будет отправлено повторно. |
Как ответить на сообщение
Клиент может ответить на любое сообщение в диалоге. Для этого необходимо выполнить следующее:
Ответные сообщения могут быть как короткими, так и длинными. |
При необходимости клиент может прикреплять к сообщениям любые документы, изображения, а также аудио и/или видео файлы, которые могут быть полезны во время диалога.
Для этого нужно нажать на пиктограмму со скрепкой и в открывшемся окне указать путь к нужному файлу.
К одному сообщению можно прикрепить несколько вложений.
После того как пользователь отправит сообщение с приложенными файлами, рядом с этим сообщением будут отображаться пиктограммы с именем и размером каждого приложенного файла. Некоторые вложения отображаются в режиме предварительного просмотра. Аудио файлы распространенных форматов можно воспроизводить прямо в окне виджета.
Во время диалога сообщения бота отображаются в окне виджета автоматически. Если виджет свернут, то при получении нового сообщения раздается звуковой сигнал. На пиктограмме виджета отображается индикатор, который показывает число новых сообщений.
Виджет информирует клиента о новых сообщениях с помощью звукового сигнала.
При необходимости такие уведомления можно отключить.
Для этого перейдите в настройки виджета и установите ползунок Уведомления в положение Выключено.
Если уведомления отключены, то при поступлении новых сообщений звуковой сигнал не воспроизводится. Узнать о наличии новых сообщений можно при помощи индикатора на пиктограмме виджета. |
После завершения диалога отображается сообщение о завершении сессии. Чтобы начать новую сессию, нужно нажать кнопку Новый чат.
Виджет можно настроить таким образом, чтобы после завершения сессии клиент мог оценить диалог. Возможны следующие варианты оценки:
Понравилось / Не понравилось:
Оценка по 10-ти, 5-ти или 3-х балльной шкале: