Перейти к содержанию

Добавить чат на ваш сайт

  • 5 мин чтения
  • Последнее обновление 5 ноября 2026 г.
На этой странице
  1. Настройка
  2. Внешний вид и тексты
  3. Когда никто не в сети
  4. Доверенные доменные имена
  5. Достоверный посетитель
  6. Источник посетителей
  7. Связанные статьи

Живой чат - это окно чата, которое находится в углу вашего сайта; посетители пишут вам непосредственно с вашего сайта, а сообщения попадают в вашу папку CRM. Для установки вам нужно добавить на сайт только одну строку кода.

  • Настройки чатаКод установки, внешний вид и безопасность
  • Общий обзорПлатформа шаги и инструкции для вашего веб-мастера
  • ВходящиеОтветы на разговоры

Настройка

  1. Скопируйте код — Настройки › Чат На странице откройте вкладку «Загрузить» и нажмите кнопку «Скопировать код» на вкладке «Код виджета».
  2. Вставить на сайт — Поместите код на каждой странице вашего сайта, как раз перед закрывающим тег </head>. Если на сайте используется общий шаблон или файл макета, его можно добавить только один раз.
  3. Проверить — Откройте свой сайт; в углу должен появиться стартовый чат (пузырь).

Администраторы Общий обзор Вы также можете установить из раздела «Начать за несколько шагов» на странице: кнопка «Настройка платформы» показывает пошаговые инструкции для WordPress, Shopify, Wix, Squarespace, Webflow, Google Tag Manager, Joomla и «Другое / Обыкновенный HTML». "Отправить инструкции веб-мастера" отправляет код и шаги на адрес электронной почты, который вы ввели; Вы получаете ответы обратно.

Если вам нужно вручную указать, из какого домена будет загружаться виджет, то на вкладке "Загрузка" в разделе "Разные домены" есть готовый пример кода.

Если вы хотите общаться без создания виджета, вы можете поделиться ссылкой на страницу чата напрямую, нажав «Скопировать ссылку» на вкладке «Страница чата» вкладки «Виджеты».

Внешний вид и тексты

Любые изменения, которые вы сделаете в разделе " Виджет ", будут отображаться в режиме реального времени справа; нажмите кнопку " Сохранить изменения ", когда все будет сделано. Основные карты:

  • Главная страница → Экран, который появляется при открытии виджета: аватары, карта центра помощи, раздел запросов.
  • Сообщения тексты " Добро пожаловать ", " Анонимное приветствие " (когда имя посетителя неизвестно) и " Вход ".
  • Справочная информация и ссылки → Цвет или визуальный за приветствие; ярлыки, которые будут перечислены на главном экране.
  • Заголовок → " Приветственное сообщение " (первый пузырь в новом чате), тексты для замены ввода, " Нет доступного агента " и " Клиент в очереди ".
  • Форма до/после чата → Поля, которые должны быть запрошены перед первым сообщением; короткий рейтинг или отзывы, чтобы показать после закрытия чата.
  • Экраны → Какие вкладки будут появляться в нижней навигации и экране по умолчанию.
  • Ракета → Специальная значок (JPG, PNG или GIF менее 100 КБ), позиция (левый или правый) и поля.
  • Стиль → Светлый и темный логотип, "По умолчанию виджет тема " (свет, темнота или системы).

Переводы на другие языки Локализация со страницы.

Когда никто не в сети

Если никто из вашей команды не находится в сети, посетитель увидит "Нет доступного представителя". Чат остается открытым; когда вы отвечаете, если посетитель не в чате, ответ будет отправлен ему/ей по электронной почте. Для этого требуется адрес электронной почты посетителя, поэтому рекомендуется собирать письма с помощью «формы предварительного чата».

В " Тайм-аутах " вы можете выбрать, что делать с неотвеченными разговорами. Каждое правило открывается с отдельным ключом, а продолжительность вводится в минутах:

  • Передача другому делегату (5 минут после открытия): Если агент не отвечает, клиент переключается на другого доступного агента; в группах, назначенных вручную, чат ставится в очередь.
  • Показать разговор как неактивный (10 минут): пассивные чаты не учитываются в ограничении одновременного чата для делегата.
  • Закрыть чат (15 минут): Клиент может снова открыть тот же чат, написав новое сообщение.

"Очистка посетителей" в той же вкладке определяет, сколько дней анонимные посетители, которые никогда не писали вам будут сохранены (по умолчанию 30 дней).

Доверенные доменные имена

На вкладке " Безопасность " в поле " Доверенные доменные имена " введите домены, которые может загружать виджет, разделив их запятыми. Используйте формат *.example.com для всех имен субдоменов. Если пространство пусто, виджет можно добавить на любой сайт. Не забудьте сохранить изменения с помощью "Сохранить изменения".

Достоверный посетитель

Чтобы безопасно сопоставить пользователей, вошедших на ваш сайт, с записями клиентов в вашем CRM, вы подписываете адрес электронной почты посетителя секретным ключом на вашем сервере (HMAC-SHA256).

  1. Получить секретный ключ - на вкладке " Аутентификация " в разделе " Безопасность " выбрать " Показать секретный ключ ", затем " Копировать секретный ключ < < Храните ключ только на своем сервере.
  2. Сгенерировать подпись на сервере — Вычислить HMAC-SHA256 так, чтобы ваш ключ был вашим секретным ключом, адрес электронной почты посетителя сообщения и получить результат в виде шестнадцатеричной (hex) текста.
  3. Добавить на страницу — Введите адрес электронной почты и подпись в window.BeChatSettings перед кодом виджета.
  4. Если вы хотите, чтобы это было обязательно — включите клавишу «Требовать аутентификации» и нажмите кнопку «Сохранить изменения».

Node.js с подписью:

const crypto = require('crypto');

const emailHash = crypto
  .createHmac('sha256', process.env.CANLI_SOHBET_GIZLI_ANAHTAR)
  .update(kullanici.email)
  .digest('hex');

Подпись с PHP:

$emailHash = hash_hmac('sha256', $kullanici['email'], getenv('CANLI_SOHBET_GIZLI_ANAHTAR'));

На странице, перед кодом виджета:

<script>
  window.BeChatSettings = {
    user: {
      email: "musteri@ornek.com",
      email_hash: "SUNUCUNUZDA_URETILEN_IMZA"
    }
  };
</script>
<!-- Ardından "Yükle" sekmesinden kopyaladığınız widget kodu -->

Поле email должно быть точно таким же, как и значение, которое вы подписываете; даже чувствительность регистра делает подпись недействительной. Никогда не помещайте секретный ключ в исходный текст страницы.

Если подпись действительна, посетитель связывается с записью клиента в этом электронном письме (или открывается новое) и его электронная почта считается проверенной; строка "Электронная почта проверена" в панели клиента показывает "Да". Другие поля, добавленные в тот же объект, записываются в него, если существует атрибут клиента, определенный тем же ключом. Когда "Требовать аутентификации" включено, данные пользователя без действительной подписи игнорируются и пользователь продолжает анонимно.

Источник посетителей

Панель клиента справа от интервью показывает, откуда пришел посетитель:

  • Источник: Значения Landing page, Referrer и UTM источника, инструмента, кампании, термина, контента. Они сохраняются один раз при первом посещении; последующее просмотр в пределах сайта и ссылки с вашего собственного сайта не меняют их.
  • Местоположение и язык: Язык браузера и язык часов. Если язык или часовой пояс в записи о человеке пусты, то они будут заполнены при посещении; значение, которое вы ввели вручную, не будет перезаписано.
  • Устройство: Браузер, операционная система, устройство, IP-адрес и страна сеанса.

Связанные статьи

Продолжить чтение

Похожие руководства

Добавить чат на ваш сайт | Blesyum Yazılım