Откройте раздел Кнопка чата на странице настроек канала веб-чата (Настройки проекта → Каналы → ваш канал веб-чата). Здесь два независимых выбора: форма или оформление кнопки и то, что находится внутри неё. Кнопка выбирается отдельно от стиля виджета в разделе Внешний вид: смена дизайна окна сохраняет выбранную кнопку. Concierge, Studio, Aura и 8-Bit можно сочетать с любым стилем виджета.
Стиль кнопки — это форма:
- AI-сфера — анимированная сфера в цвете вашего бренда.
- Круг — круглая кнопка, которую использует большинство сайтов.
- Кнопка с текстом — скруглённая кнопка с подписью рядом с иконкой.
- Квадрат — квадрат со скруглёнными углами.
- Аватар — круг с изображением аватара вашего ИИ и маленькой точкой присутствия.
- Боковая вкладка — вкладка, прижатая к левому или правому краю окна.
- Ваш логотип — круг с изображением, которое вы загрузили для этого канала.
- Concierge — кнопка со сдержанной тенью.
- Studio — кнопка с контуром и смещённой тенью.
- Aura — кнопка с тонкой границей и мягкой тенью.
- 8-Bit — квадратная кнопка с пиксельным значком чата и чёткой смещённой тенью.
- Без кнопки — кнопки нет вообще. См. раздел «Без кнопки» — это не то же самое, что скрыть виджет на странице ниже.
Что внутри — это иконка или изображение: Чат, Искра, Гарнитура, Точки, Аватар ИИ, Логотип проекта или Своё изображение. Последним трём сначала нужно изображение, и до этого они остаются неактивными. Аватар ИИ загружается на странице проекта Команда, логотип проекта — в разделе Рабочая область → Внешний вид, а у своего изображения кнопки есть собственное поле загрузки в разделе «Кнопка чата»: оно появляется, как только вы выберете форму Ваш логотип или вариант Своё изображение. Оно сохраняется сразу при выборе файла, не дожидаясь Сохранить изменения. Используйте PNG или JPG до 2 МБ; лучше всего подходят квадратные изображения. Всё, что больше 256 пикселей по длинной стороне, уменьшается, а изображения меньшего размера остаются как есть.
Выбор Аватар или Ваш логотип заодно подставляет и подходящее изображение — при условии, что оно уже существует, и только пока Что внутри остаётся на значении Чат. Выбранное вами вручную содержимое никогда не перезаписывается, а форма без изображения остаётся с иконкой чата, пока вы его не загрузите.
Размер предлагает Маленький, Средний (по умолчанию) и Большой — 46, 54 и 66 пикселей. Всё, что расположено над кнопкой, сдвигается вместе с ней, включая свёрнутое превью сообщения и окно чата.
Настройки, которые появляются только для одного стиля
Если выбрана AI-сфера, появляется строка Стиль сферы с тремя вариантами: Северное сияние (световое кольцо вращается чуть снаружи глянцевой сферы), Жидкое ядро (две мягкие формы плавно движутся внутри стекла с разной скоростью) и Стеклянный шар (размытый вихрь за толстым стеклом с резким бликом). Внешнее вращающееся кольцо рисует только «Северное сияние». Вся анимация идёт непрерывно и полностью отключается для посетителей, чьё устройство просит уменьшить движение. При печати страницы виджет тоже скрывается.
Если выбрана Боковая вкладка, появляется строка Расположение вкладки: Сверху, По центру (по умолчанию) или Снизу. Вкладка прижата к краю окна, поэтому горизонтальному отступу не к чему применяться и он игнорируется — страница показывает об этом подсказку. Вертикальный отступ применяется к расположениям «Сверху» и «Снизу» как расстояние до соответствующего края. «По центру» выровнено по центру и для самой вкладки игнорирует оба отступа — при этом расположении они задают положение окна чата и превью сообщения. На экранах шириной 480 пикселей и меньше боковая вкладка превращается в круглую кнопку в углу, а её подпись скрывается.
Текст кнопки появляется только для стилей Кнопка с текстом и Боковая вкладка и показывается только при закрытом чате. Если подпись задана, она становится доступным именем кнопки вместо «Открыть чат». Версии подписи на разных языках редактируются в разделе Языки и переводы, а не здесь.
AI-сфера — значение по умолчанию только для новых каналов
Каналы веб-чата, созданные после появления AI-сферы, начинают со стиля AI-сфера. Существующие каналы никто не трогал. Канал, настроенный раньше, по-прежнему разрешается в Круг — или в Кнопку с текстом, если у него задан текст кнопки, так что настроенная вами раньше кнопка с текстом ею и останется. Эти настройки кнопки не зависят от стиля виджета: при выборе Classic или другого оформления окна заданная кнопка сохраняется.
«Без кнопки» — это не то же самое, что скрыть виджет на странице
Эти настройки выглядят похоже, а ведут себя совершенно по-разному.
- Стиль кнопки: Без кнопки — виджет по-прежнему загружается и подключается как обычно. Нет только кнопки в углу. Проактивные приветствия и превью новых сообщений всё так же появляются над углом и всё так же открывают чат по клику. В остальное время его открывает что-то на вашей странице — см. Виджет веб-чата: управление чатом из кода сайта.
- Скрыть кнопку чата на этих страницах (в разделе Кнопка чата) — то же, что Без кнопки, но только на перечисленных страницах; на остальных кнопка показывается как обычно. Пригодится, когда кнопка закрывает что-то на конкретной странице, например кнопку формы: открыть чат вашими кнопками и ссылками там по-прежнему можно. Шаблоны те же, что в списках URL.
- Исключение страницы в разделе URL и домены (внутри Дополнительных настроек этого раздела) — виджет на такой странице не загружается вообще. Открыть его со страницы нечем, и ваша собственная кнопка ничего не сделает.
Если выбран вариант Без кнопки и на странице нет ни одного триггера, виджет примерно через три секунды пишет в консоль браузера одно сообщение, называя оба возможных решения. Если ваша собственная кнопка ничего не делает, консоль обычно подсказывает, какой из двух случаев у вас. Полная тишина в консоли и отсутствие реакции указывают на другое — чаще всего на канал, который сейчас неактивен.
В собственном предпросмотре оператора Проверить виджет вариант Без кнопки показывается как круглая кнопка, а на страницах из списка Скрыть кнопку чата на этих страницах кнопка остаётся, чтобы предпросмотр не выглядел сломанным.