Панель Ask AI
Полноэкранный стиль виджета: центрированная строка ввода, которая разворачивается в иммерсивный диалог
Обзор
Панель Ask AI - это альтернативный стиль вашего чат-виджета. Вместо классического чат-пузыря в углу посетители видят центрированное поле ввода внизу страницы, приглашающее задать вопрос. Как только они начинают печатать, страница превращается в полноэкранный диалог с боковой панелью для прошлых разговоров. Поскольку панель находится в самой заметной части страницы и убирает шаг с кликом для открытия, посетители начинают с ней гораздо больше разговоров, чем с пузырём.
Внутри это тот же ассистент: ваша база знаний, инструкции ИИ, цвета, настройки конфиденциальности, сбор лидов, бронирования и все остальные настройки действуют для обоих стилей. Передача оператору, расшифровки и история разговоров работают одинаково.
Как включить
Откройте раздел Настройка в панели управления и выберите Панель Ask AI в пункте Стиль виджета. Это всё - ваш существующий код вставки и плагины продолжают работать, а новый стиль появится при следующей загрузке страницы. Изменения кода на вашем сайте не нужны.
Панель доступна на планах Pro и Enterprise. Если ваш план позже изменится, сайт автоматически вернётся к классическому чат-пузырю - ничего не сломается.
Текст-подсказка
По умолчанию панель приглашает посетителей текстом Ask AI, автоматически переведённым на язык каждого посетителя. Вы можете заменить его своей формулировкой - например, Спросите нашего эксперта по путешествиям - в настройке Текст-подсказка панели, которая появляется, когда выбран стиль панели.
Ширина панели
Два ползунка в настройках виджета управляют шириной панели. Первый задаёт ширину на больших экранах; по умолчанию 640 пикселей. Второй, Ширина панели на телефонах, по умолчанию выключен - телефоны тогда используют всю ширину экрана, что лучше всего смотрится на маленьких экранах. Включите его, чтобы задать телефонам собственную фиксированную ширину, ограниченную размером экрана.
Показ панели только на определённых страницах
Многие сайты хотят видеть панель на страницах с большим объёмом контента, например в документации или справочных центрах, а классический чат-пузырь - на всех остальных. Включите опцию Показывать панель только на определённых страницах и перечислите страницы, по одной на строку или через запятую:
/pricing, /docs*, example.com/support
Посетители видят панель на подходящих страницах и чат-пузырь на всех остальных. Путь вида /pricing работает без домена и соответствует именно этой странице - косая черта в конце не имеет значения. Завершите запись звёздочкой, чтобы охватить целый раздел: /docs* соответствует /docs и всем страницам под ним.
Программное управление стилем
Разработчики могут задать стиль для конкретной страницы прямо в коде вставки с помощью атрибута data-asyntai-style. Он принимает значения bar или bubble и имеет приоритет над настройкой в панели управления:
<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");s.setAttribute("data-asyntai-style","bar");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>
Используйте bar на страницах, где должна показываться панель, и bubble - или просто опустите атрибут - на всех остальных. Это удобно, когда ваши страницы генерируются из разных шаблонов и вы предпочитаете держать решение в коде, а не в панели управления.
Полезно знать
- Разговоры продолжаются между стилями - посетитель, который общался с чат-пузырём на одной странице, продолжает тот же разговор с ИИ, когда встречает панель на другой.
- Настройки, единственная задача которых - побудить посетителей открыть чат: позиция, иконка чата, автозапуск, приветственный пузырь, поле-триггер и значок непрочитанных - панелью не используются, так как она всегда видна. Их значения сохраняются на случай, если вы переключитесь обратно.
- Панель полностью поддерживает голосовой ввод, загрузку изображений, карточки товаров, бронирования, сбор e-mail и телефона, локализацию и языки с письмом справа налево.
- На телефонах панель располагается над нижним краем экрана, а разговор открывается на весь экран; прошлые разговоры доступны в выдвижной панели.