Виджет на сайте: подключение и установка

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

Подключение

1. В «Каналах» нажмите «Подключить» на карточке «Виджет на сайте».
2. Виджет создастся сразу и откроется его редактор на вкладке «Установка на сайт».
3. Скопируйте код и вставьте его на сайт перед закрывающим тегом body — на всех страницах, где нужен чат. Если сайт на конструкторе (Tilda, WordPress и подобные), код вставляется в настройках сайта, в блок «код перед /body».

Как только посетители начнут заходить, на этой же вкладке появится блок «Загрузки на сайте»: сколько посетителей увидели виджет, когда последний раз и на каких страницах. Это самый простой способ убедиться, что код стоит правильно.

Редактор виджета

Клик по виджету в списке каналов открывает редактор с вкладками:

• Оформление — цвета, кнопка, оператор, тексты. Отдельная статья «Оформление виджета».
• Приглашение и Зацепки — как виджет сам заводит разговор. Статья «Автоприглашение и зацепки».
• Тестирование — публичная страница на нашем домене с вашим виджетом: удобно проверить или показать коллеге, не трогая сайт. Включается тумблером, ссылку можно копировать. Кнопка «Новый посетитель» на самой странице перезагружает её как первый заход нового человека — чтобы заново увидеть приглашение, зацепки и анимацию кнопки.
• А/Б-тест — сравнение двух оформлений на посетителях. Статья «А/Б-тест оформления виджета».
• Установка на сайт — код и статистика загрузок.

Что видит агент

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

Виджет корректно работает на телефонах: раскрывается на весь экран, не даёт странице «уезжать» под клавиатурой.