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

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

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

Установка

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вопросы

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

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

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

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

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

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

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

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

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

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

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

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

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

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