Виджет чата на сайт: что это и как он работает
Виджет чата это небольшое окно с кнопкой, которое появляется на сайте поверх страницы. Обычно оно в правом нижнем углу: круглая кнопка, по клику открывается переписка. Посетитель пишет вопрос, а отвечает оператор или ассистент.
Как виджет попадает на сайт
Технически это фрагмент кода на JavaScript. Вы вставляете одну строку в шаблон сайта, а остальное браузер подгружает сам:
- Строка кода загружает скрипт виджета.
- Скрипт рисует кнопку и окно чата поверх страницы.
- Сообщения посетителя уходят на сервер сервиса.
- Ответ приходит обратно и показывается в окне.
Поэтому вам не нужно менять вёрстку сайта: виджет живёт отдельно от неё. Инструкции по вставке для популярных платформ: Tilda, WordPress и Битрикс.
Что настраивается
- цвета и аватар;
- приветствие и подсказка в поле ввода;
- положение окна;
- поведение на телефоне.
В Embedo внешний вид меняется в кабинете, а изменения применяются на сайте без правки кода.
На что смотреть при выборе
Вес и скорость. Тяжёлый скрипт замедляет сайт. Хороший виджет весит немного: у Embedo около 100 КБ.
Влияние на стили сайта. Виджет не должен ломать вёрстку и менять шрифты страницы.
Работа на телефоне. Окно должно нормально раскрываться на небольшом экране.
Доступность. Экранные дикторы, управление с клавиатуры, отключение анимации для тех, у кого в системе включено «уменьшить движение».
Безопасность. Кто угодно может открыть исходный код вашей страницы и скопировать ключ виджета. Значит, сервис должен проверять, с какого сайта приходят запросы, и уметь перевыпустить ключ.
Персональные данные. Спрашивает ли виджет у посетителя имя и контакты, и что с ними происходит дальше.
Частые проблемы
- Кнопка не появилась. Проверьте, что страница опубликована, а адрес сайта в кабинете совпадает с реальным.
- Виджет перекрывает элементы страницы. Чаще всего это другая плавающая кнопка на том же месте.
- Не работает после обновления сайта. Код мог пропасть из шаблона.
- Кеш. Браузер или сайт показывает старую версию.
Виджет и содержание
Виджет только оболочка. Полезность зависит от того, кто отвечает внутри. Если это ассистент по документам, качество зависит от базы знаний. Если оператор, от расписания. Сравнение двух вариантов: оператор или ИИ-ассистент.