Виджет: как чат выглядит на сайте

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

Цвет, тема и аватар

• Цвет виджета — кнопка чата, шапка и реплики посетителя. Если цвет светлый, текст на нём станет тёмным сам.
• Тема чата — авто (как в системе посетителя), светлая или тёмная. Посетитель может переключить тему кнопкой в шапке чата.
• Аватар бота — логотип или лицо, PNG, JPEG или WebP. Кадр и масштаб — карандашом на картинке. Можно выбрать из готовых. Без аватара в шапке — значок чата.
• Подпись «Сделано в Siteko» под полем ввода. На пробном периоде и тарифе «Старт» она остаётся, на пакетах её можно убрать.

Если у сайта свой переключатель тёмной темы, программист может сообщить о нём чату: (window.sitekoBots = window.sitekoBots || []).push({ theme: 'dark' }) — при загрузке страницы и при каждом переключении ('light', 'auto').

Кнопка чата

• Вид — кружок или кнопка с именем бота и строкой под ним. На телефоне кнопка всегда кружок.
• Размер — S, M или L (48, 56 или 64 пикселя).
• На кнопке — значок, аватар бота или своя картинка. Значок можно выбрать: облачко, облачко с точками, переписка, вопрос, искры.
• Эффект — кольца, блик или покачивание, пока чат свёрнут. Когда посетитель открыл чат, эффект затихает до конца визита.
• Зелёная точка «на связи» — нет, горит или пульсирует.
• Угол — справа или слева (слева — если справа уже стоит кнопка «наверх» или другой чат), отступ снизу и от края.
• Посетитель может перетащить кнопку — мышкой или пальцем, кнопка встаёт к ближайшему краю.

Кнопки-подсказки

Готовые вопросы под приветствием в пустом чате — посетитель задаёт их одним нажатием. Лучше всего работают те, что и так задают чаще всего: их видно в «Диалогах» и «Пробелах».

Подсказка у кнопки и приглашения

Подсказка у кнопки — короткая фраза бота над кнопкой чата. Сама появляется раз за визит и через двенадцать секунд исчезает. Тем, кто уже писал в чат или закрыл подсказку крестиком, сама не показывается.

• Появляется сама — выключено: только при наведении на кнопку;
• Через сколько секунд на странице — когда показать.

Приглашения по разделам сайта — в нужном разделе вместо общей подсказки своя фраза, по своему поводу. Для каждого правила:

• Начало адреса раздела — например, /catalog/;
• Когда показывать — через N секунд на странице, при прокрутке на N % или при уходе со страницы (курсор ушёл к вкладкам браузера — только на компьютере);
• Текст — например, «Подобрать масло под ваш двигатель?».

Если подходят несколько правил, действует то, у которого адрес длиннее: у /catalog/ и /catalog/oils/ на странице масел говорит второе.

На страницах не на русском

Бот отвечает на языке посетителя сам. Подписи вокруг чата на страницах не на русском показываются по-английски: приветствие, подсказки и приглашения переводятся после сохранения. Перевод можно поправить в этом блоке. Если поменять текст по-русски, перевод обновится сам; ваша правка перевода держится, пока оригинал тот же.

Цели в Яндекс Метрике

Впишите номер счётчика Метрики вашего сайта и заведите в Метрике цели типа «JavaScript-событие» с идентификаторами:

• chat_opened — открыл чат;
• chat_first_message — задал первый вопрос;
• chat_lead — оставил заявку.

Скрипты сайта получают те же события как siteko-bots:goal на window.

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

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

Чат закрывает кнопку на сайте. Поменяйте угол или отступы в блоке «Кнопка чата».

Можно показывать чат не на всех страницах? Чат появляется там, где стоит код. Если нужен не везде, вставьте код только в нужные шаблоны или напишите нам.