Как выглядит чат

В разделе проекта «Виджет» вы настраиваете, как чат выглядит и звучит для посетителей: цвета и шрифт, языки, приветствие, подсказку и звуки. Рядом с полями — превью: настоящий чат с вашими изменениями. На телефоне превью стоит сразу после цветов. Владельцы и администраторы меняют здесь всё, операторы видят те же значения текстом.

Код сайта менять не нужно. Чат берёт настройки с сервера, и две строки установки остаются как есть (Установка на сайт). Посетители увидят изменение в течение двух минут, на следующей открытой странице.

Цвета и шрифт#

Когда вы создаёте проект, мы читаем цвета и шрифт с главной страницы вашего сайта, чтобы чат выглядел как его часть. В блоке «Цвета и шрифт» сразу видны акцент, «Светлая или тёмная» и шрифт; фон, текст, скругление и кнопка отправки — под «Дополнительно»:

• Акцент: кнопка чата, сообщения посетителя, ссылки на источники.
• Фон и Текст: цвета самого окна чата.
• Шрифт: названия шрифтов через запятую, как в CSS (Inter, sans-serif). Если пусто, чат берёт системный шрифт посетителя.
• Скругление: радиус углов окна, от 0 до 24 px. Если пусто, радиус берётся с кнопок вашего сайта, и вы видите его в поле. Кнопки и поля внутри окна скругляются под него, чтобы углы были вложены друг в друга. Сохраняется само, когда вы перестаёте печатать.
• Кнопка отправки: значок на ней — стрелка вверх (по умолчанию), самолётик или стрелка вправо. Выберите, что лучше подходит сайту. Сохраняется сразу.

У каждого цвета есть палитра и поле для значения (#ffd828). Цвет сохраняется сам, как только вы его выбрали. Шрифт сохраняется, когда вы уходите из поля. В пустом поле цвета написано «Авто»: чат подбирает этот цвет по фону.

Что бы вы ни задали, чат следит, чтобы текст читался:

• если цвет текста слишком близок к фону, чат его заменит;
• если акцент слишком светлый для текста (например, жёлтый), он остаётся на кнопках, а ссылки берут цвет текста.

Ещё две кнопки в этом блоке:

• «Прочитать с сайта заново» снова читает главную страницу основного сайта, например после редизайна. Если на главной нечего прочитать, цвета не меняются.
• «Вернуть цвета виджета» сбрасывает цвета и шрифт — и заданные здесь, и прочитанные с сайта. Чат возвращается к своим нейтральным цветам. Цвета сайта вернёт «Прочитать с сайта заново».

Основной сайт — первый сайт в «Знаниях» (База знаний).

Превью#

Превью — это настоящий чат: тот же widget.js, что загружает ваш сайт. Он открыт на странице, которую наш сервер подписывает под значения в полях, сохранённые или нет.

Из превью ничего не отправляется. Набранное там сообщение никуда не уходит, не начинает разговор и не попадает в «Отчёты».

Метка «Отвечает ИИ» видна всегда — и здесь, и на вашем сайте. Отключить её нельзя: посетитель всегда знает, что ему отвечает ИИ (Как отвечает Tolkly).

Превью обновляется через мгновение после того, как вы перестали печатать. Если в блоке «Язык» больше одного языка, над превью появляется переключатель. Он показывает чат таким, каким его видит страница на каждом из языков.

Язык#

В блоке «Язык» вы указываете, на каких языках ваш сайт. Чат говорит на языке страницы (её <html lang>), если у него есть интерфейс на этом языке. Таких языков 15: английский, русский, армянский, казахский, узбекский, азербайджанский, грузинский, киргизский, таджикский, украинский, турецкий, немецкий, испанский, французский и португальский. Иначе чат говорит на основном языке: польская страница русского сайта получит чат по-русски, а не по-английски.

• «Основной язык» — язык большинства ваших страниц. Если он не задан, чат следует за страницей, а на остальных языках говорит по-английски. Приветствие тогда одно на все страницы.
• «Другие языки сайта» — остальные языки, их добавляют кнопкой «Добавить». У каждого ниже своё приветствие и подсказка. Если убрать язык, после подтверждения удалятся и его тексты.
• «Слова чата» (под «Дополнительно»): «По языку страницы» или «Всегда на основном языке». Второй вариант нужен, если страницы сайта указывают не тот язык. Например, шаблон ставит lang="en" на русские страницы.

Ответы бота от этого блока не зависят: бот отвечает на языке вопроса. Цитаты под ответом остаются дословными, на языке страницы, откуда они взяты. Если язык разговора отличается от основного, он виден в инбоксе и в теме Telegram (Инбокс).

Приветствие#

Приветствие и подсказка над чатом — в одном блоке, «Тексты чата». Каждое поле сохраняется, когда вы уходите из него.

Приветствие — первая строка чата, вашими словами. Напишите, о чём можно спросить, например: «Здравствуйте! Спросите о курсах, лимитах и сроках перевода.» До 400 символов.

Если заданы другие языки, приветствие пишется отдельной строкой для каждого языка. Если строка пустая, чат показывает свою фразу на языке страницы: о том, что отвечает ИИ-ассистент. Страница на языке не из списка получает приветствие основного языка.

Подсказка над чатом#

«Подсказка над чатом» — короткая строка рядом со свёрнутым чатом. Она показывается один раз за визит. Как и приветствие, она пишется отдельно для каждого языка. Пустая строка — на этом языке подсказки нет. Страница на языке не из списка получает подсказку основного языка. Атрибут teaser на теге важнее этой настройки (Атрибуты).

Частые вопросы#

«Частые вопросы» — кнопки, которые посетитель видит, когда открывает чат: на его стороне, внизу у поля ответа. Нажатие отправляет вопрос как сообщение посетителя, и бот отвечает на него как на любой другой: по вашим источникам с цитатой или передаёт разговор людям. Страница показывает не больше 4 вопросов, до 60 символов в каждом; всего в проекте их до 12. После первого сообщения посетителя кнопки пропадают. Блок показывает вопросы так же, как чат; порядок задаётся перетаскиванием за точки слева (или фокус на точках и ↑ ↓). Нажатие на вопрос открывает правку: вкладка на каждый язык, где показывать, «Убрать».

Под «На всех страницах» вопрос можно оставить только на части сайта: «Только на страницах» принимает начало адреса страницы после домена, например /exchange/, а * заменяет любые символы (/exchange/btc-*). Страница сначала показывает свои вопросы, потом общие.

Вопрос сохраняется, когда вы уходите из поля, и сразу проверяется ботом. В строке видно, что бот с ним сделает: «Ответит с цитатой», «Передаст людям» (просят человека, одна из ваших тем, статус заявки) или «Бот не ответит». Последнее стоит исправить: чат предложит вопрос, а потом откажет. Добавьте ответ в «Знания» и нажмите «Проверить снова». Проверка — один платный ответ на каждый текст, разговор она не создаёт.

Если заданы другие языки, у вопроса строка для каждого языка. Страница на языке, для которого текста нет, этой кнопки не получает: кнопка на основном языке начала бы разговор на нём. Страница может задать свои вопросы вместо этих (Подсказанные вопросы).

Под списком «Спрашивали в разговорах» предлагает одобренные черновики базы знаний, частые сначала: ответ на них уже есть в источниках, поэтому бот на них отвечает. Нажатие добавляет вопрос.

Каждое нажатие сохраняется вместе с разговором. «Отчёты» показывают каждый вопрос с числом нажатий и тем, чем закончились эти разговоры; вопрос, который не нажимают, стоит заменить.

Расположение#

«Расположение» (внизу страницы, в «Дополнительно: расположение») ставит чат в правый или левый нижний угол. Здесь же задаются отступы от бокового и нижнего края страницы: от 0 до 400 px, по умолчанию 20. Поднимите чат, если кнопку закрывает нижнее меню или баннер про cookie. Превью показывает открытое окно, поэтому угол видно только на самом сайте. Страница может задать своё расположение, в том числе только для телефонов (Расположение).

Звуки#

Чат подаёт короткий сигнал, когда приходит ответ, а посетитель не смотрит в чат: чат свёрнут или вкладка в фоне. Посетитель может выключить звук у себя прямо в чате, и его выбор важнее ваших настроек.

«Играть звуки» включает и выключает звуки для всех. Если их выключить, настройки ниже сохранятся до следующего включения. Каждое изменение сохраняется сразу.

В «Дополнительно: какие ответы, сигнал и громкость»:

Не чаще одного сигнала в 3 секунды на все вкладки посетителя вместе.