РУКОВОДСТВО ПО NEUROSPACE

Как разместить виджет с чат-ботом на сайте

Начало
→
Как разместить виджет с чат-ботом на сайте

Чат-ботов можно использовать на сайтах в качестве персональных помощников, консультантов, специалистов технической поддержки. Для этого необходимо добавить виджет на сайт. Рассказываем, как это сделать.

Как настроить интеграцию

1

В личном кабинете на платформе NeuroSpace перейдите к настройкам интеграции чат-бота.

2

Чтобы добавить виджет с чат-ботом на сайт, перейдите к интеграциям чат-бота и в блоке «Виджет NeuroSpace» нажмите на кнопку «Разместить код».

3

Перед копированием и размещением кода на сайте, настройте параметры виджета.

Язык

Выберите язык отображения виджета. На текущий момент на выбор доступны два языка: русский (RU) и английский (EN).

Цвет виджета

Укажите цвет для виджета в формате HEX. Например: #FA7205. Тогда кнопка виджета, старта чата и другие элементы будут отображаться в указанном цвете.

Яндекс Метрика

Если у вас на сайте установлен счетчик Яндекс Метрики, то вы можете добавить его к виджету для отслеживания конверсий.

Перед размещением кода с виджетом на сайте, в счетчике Метрики добавьте нужные цели с типом «JavaScript-событие». В качестве идентификаторов для событий укажите следующие:

ns_client_intiate_chat — запуск чата;
ns_client_message_sent — клиент отправил сообщение;
ns_client_left_phone — клиент оставил номер телефона.

После внесения изменений в настройки счетчика не забудьте обновить код на сайте. Скопируйте номер счетчика и добавьте его в поле «Яндекс Метрика» в настройках виджета.

Позиция

Здесь вы можете настроить отступы (в пикселях) виджета от края экрана снизу и справа. Единицу измерения указывать не нужно.

Например:

Уведомления

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

Развернутый виджет

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

4

Скопируйте код вручную или нажмите на кнопку «Скопировать». Откройте панель управления сайтом, на который хотите добавить виджет. Вставьте скопированный код между тегами <head></head> на всех страницах, где должен отображаться чат-бот.

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

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

Полезные материалы по теме:

Об интеграции чат-ботов NeuroSpace

← Интеграция с Facebook Messenger

Интеграция с Altegio →