1. Главная
  2. Интеграции
  3. Виджет на сайт

Чат-виджет на сайт

Онлайн-чат для сайта одной строкой кода: посетитель пишет на сайте, сотрудники отвечают из CRM. Настройка цвета, формы, расписания и писем посетителю.

Установка

Одна строка кода на сайте

Администратор нажимает «Подключить виджет» в настройках компании и получает готовый код. Дальше его нужно вставить на сайт.

  • Любой сайт и конструкторСвой код, Google Tag Manager или блок «HTML-код» на Tilda.
  • Проверка без сайтаКнопка «Открыть чат для проверки» покажет виджет ещё до установки.
  • Ключ можно перевыпуститьСтарый код перестанет работать, а переписка сохранится.
Для посетителя

Посетитель пишет на сайте, вы отвечаете из CRM

Сообщение приходит в раздел «Чаты», а из первого сообщения создаётся заявка.

  • Форма перед чатом. Имя, телефон и email: каждое поле можно не спрашивать, сделать необязательным или обязательным.
  • Рабочее время. Вне графика посетитель увидит ваш текст для нерабочего времени.
  • Файлы. Посетитель может прикрепить картинку или документ, если вы это разрешили.
  • Письмо об ответе. Посетитель с email узнает об ответе, даже если закрыл сайт.
Настройки

Виджет в цветах вашего сайта

Оформление меняется в настройках с живым предпросмотром. Править код на сайте после этого не нужно.

  • Название, цвет и положение кнопкиСправа или слева внизу, с нужным отступом.
  • Имя и фото оператораВ шапке чата посетитель видит, кто ему отвечает.
  • Приветствие в окне чатаПоказывается до первого сообщения посетителя.

Инструкция по установке

Для сотрудника

О посетителе известно больше, чем имя

Блок «О посетителе»

На сайте он сейчас или когда был в последний раз, с какой страницы пишет и откуда пришёл.

Метки рекламы в заявке

Страница и UTM-метки посетителя попадают в заявку, которую создал чат.

Блокировка посетителя

Новые сообщения заблокированного посетителя не попадают в CRM. Он об этом не узнает.

Вопросы

Вопросы о виджете

Как поставить виджет на сайт?

Скопируйте строку кода из настроек и вставьте её перед закрывающим тегом body на всех страницах сайта. Подойдёт и Google Tag Manager (тег «Пользовательский HTML»). На Tilda: блок T123 «HTML-код» на каждой странице или в общем подвале.

На сайте уже стоит общий код CRM. Нужна ли отдельная строка виджета?

Нет. Выберите виджет в поле «Чат на сайте» блока «Модули скрипта» на вкладке «Трекинг», и общий код загрузит его сам. Если на странице остались оба кода, кнопка чата появится один раз.

На сайте настроен Content-Security-Policy. Виджет заработает?

Да, нужно добавить адрес чата в две директивы заголовка. Какие именно, показано в настройках виджета рядом с кодом. Стили, шрифты и картинки чат с вашего сайта не загружает.

Что будет, если посетитель ушёл, не дождавшись ответа?

Если он оставил email, ушёл с сайта и не прочитал ответ в течение 3 минут, ему придёт письмо со ссылкой на переписку. Текст ответа в письмо не попадает. Письма включаются в настройках и требуют поля «Email» в форме перед чатом. На один адрес уходит не больше 5 таких писем в сутки, у компании и у сервиса есть общий суточный предел.

Можно ли ограничить сайты, на которых работает виджет?

Да. По умолчанию виджет работает на любом сайте, где стоит код. В режиме «Только перечисленные сайты» на других сайтах чат не откроется. Страница чата на самой CRM (кнопка «Открыть чат для проверки», ссылки из писем посетителю) работает при любом режиме, поэтому если код попал к посторонним, выпустите новый ключ виджета: подробнее.

Как быть с согласием на обработку персональных данных?

В настройках можно включить уведомление под полем ввода или галочку согласия перед первым сообщением и указать ссылку на свою политику. Ответственность за законность сбора данных несёт владелец сайта.

Соберите все заявки в одном месте

Регистрация по коду из письма занимает минуту. Банковская карта не нужна.

Начать бесплатно