Чат на сайт

Чат на сайт — это виджет, который можно добавить на ваш сайт. Он позволяет пользователям обмениваться текстовыми сообщениями с ИИ-агентом. Вы можете настроить внешний вид: изменить текст в заголовке, цвет фона и текста, цвет иконки, а также редактировать текст в поле для ввода сообщений, чтобы всё соответствовало стилю и настроению вашего сайта.

Как настроить виджет

  1. Введите название текста для шапки, выберите цвет фона и текста.

  1. Введите текст в поле ввода запроса и выберите желаемый цвет фона.

  1. Выберите цвет фона и текста сообщений ИИ-агента и пользователя.

  1. Выберите цвет фона, линию иконки чата или форму иконки.

Стандартный цвет иконок мессенджеров. Если этот параметр не активирован, то выбранный цвет иконки и линии будет применен для ВСЕХ иконок.

Не активирован
Активирован

  1. Каналы для связи. Можно добавить ссылки для перехода к вашему аккаунту Whatsapp, Telegram, VK.

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

  1. Настройте автоприглашение. При необходимости укажите количество секунд до автоматического открытия чата. При нажатии на само приглашение откроется чат, а при нажатии на "крестик" — уведомление закроется.

  1. Чтобы не быть излишне назойливым, виджет не будет открываться для тех, кто уже общался с агентом. Установите ноль секунд, чтобы полностью отключить автоприглашение.

  1. После всех внесенных изменений нажмите кнопку Сохранить.

Кнопка Сбросить возвращает все изначальные настройки виджета.

  1. Проверьте предварительный просмотр виджета ниже.

Ссылки, открываемые из чата, запускаются в отдельном окне браузера.

Как добавить виджет на ваш сайт:

  1. Нажмите на кнопку "Встроить на сайт":

  1. Появится окно с кодом. Нажмите на кнопку "Копировать". Вставьте код в тело вашего сайта перед закрывающим 

</body>

  1. Виджет чата теперь активен на вашем сайте!

После любых изменений цвета иконки, отступов или настроек автоприглашения необходимо заменить код на сайте. Только после этого изменения виджета отобразятся на вашем сайте.

Как открыть чат по кнопке на вашем сайте

Если на сайте есть кнопка, например «Связаться с менеджером», и вы хотите, чтобы при её нажатии открывался чат — добавьте событие JavaScript:

onclick="window.dispatchEvent(new Event('openChatWidgetNB'))"

Код вашей кнопки должен получить такой вид

<button type="button" onclick="window.dispatchEvent(new Event('openChatWidgetNB'))">
  Связаться с менеджером
</button>

PreviousPythonNextАналитика

Last updated