Установив онлайн-чат на свой сайт, вы сможете собирать данные клиентов и автоматизировать общение с посетителями прямо на вашем сайте.

Вы также можете подключить к чату свою команду продаж, чтобы менеджеры могли присоединяться к разговорам с клиентами. Общение может происходить как через веб-интерфейс MaviBot, так и через наши мобильные приложения для Android и iOS.

Как создать веб-чат

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

После нажатия кнопки «Онлайн-чат» панель настроек для вашего нового чата откроется автоматически.

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

Настройки

Оформление

  1. Заголовок чата

В этом поле задается название онлайн-чата — оно будет отображаться в самом верху окна чата.

  1. Подзаголовок чата

Это поле находится под заголовком чата и позволяет уточнить роль или назначение онлайн-чата на вашем сайте.

  1. Указанная метка виджета

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

  1. Приветственное сообщение чата

В этом поле содержится текст начального приветственного сообщения бота.

  1. Ориентация текста

С помощью панели выравнивания текста вы можете выровнять заголовок и подзаголовок чата по левому краю, по правому краю или по центру — как в стандартных текстовых редакторах.

  1. Кнопка чата

Эта кнопка предназначена для открытия онлайн-чата при нажатии.

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

Доступно несколько вариантов отображения. Вы можете разместить кнопку на правом или левом краю.

  1. Цветовая палитра

Чтобы настроить онлайн-чат по своему вкусу, вы можете не только изменить цвет, но и отобразить интересные узоры на фоне и в заголовке чата.

Вы также можете выбрать цвет и яркость узоров, а также других элементов онлайн-чата. Для этого включите флажок «Расширенные настройки».

Вы также можете настроить дополнительные расширенные параметры цвета для онлайн-чата.

  1. Аватар онлайн-чата

Эта опция позволяет изменить аватар ассистента в онлайн-чате. Аватар можно добавить либо по URL-адресу, либо загрузив файл.

При необходимости вы также можете скрыть аватар чата, включив этот флажок.

  1. Логотип MaviBot

Настройки позволяют отображать логотип MaviBot.

Настройки

  1. Текст внутри поля ввода

По умолчанию в этом поле содержится текст: «Введите ваше сообщение и нажмите Enter».

Вы можете настроить этот текст или оставить значение по умолчанию.

  1. Надпись в мобильной версии

По умолчанию установлен текст: «Выберите предпочтительный способ связи».

  1. Сообщение при назначении оператора клиенту

Если вы включите #{operatorName} в это поле, будет отображаться имя оператора, указанное в разделе «Сотрудники».

Вы можете назначить оператора вручную, нажав кнопку «Взять клиента» или «Передать клиента» во время разговора с клиентом. Кроме того, вы можете настроить автоматическое распределение клиентов между операторами в разделе «Сотрудники».

  1. Сообщение, когда операторы не в сети

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

Статус «В сети» для бота берется из раздела «Сотрудники». Возможные статусы: В сети, Перерыв и Не в сети.

Вы также можете изменить свой статус из верхней панели, находясь в любом разделе проекта.

  1. Звуковое уведомление в онлайн-чате

Эти настройки позволяют включить или отключить звуковые оповещения для открытия чата и новых сообщений в онлайн-чате для посетителей сайта.

  1. Отображение мессенджера

Вы можете выбрать, какие мессенджеры будут отображаться на сайте при наведении курсора на виджет (иконку) онлайн-чата.

Кнопки мессенджеров появятся только после подключения этих мессенджеров к конструктору.

  1. Показывать только мессенджеры

Если вы включите этот переключатель, на сайте будут отображаться только кнопки мессенджеров. Все остальные функции онлайн-чата будут отключены!

  1. Текст мессенджера

По умолчанию установлено: «Написать в».

  1. Стартовое сообщение WhatsApp

Этот текст появится в поле ввода для пользователя в WhatsApp, когда он нажмет кнопку на вашем сайте. Пользователю останется только нажать «Отправить».

Обязательно также включите этот текст в условия начального блока вашей последовательности сообщений.

  1. Пользовательские ссылки

В дополнение к кнопкам мессенджеров теперь вы можете добавлять собственные кнопки с пользовательскими ссылками.

Вы можете указать URL-адрес ссылки и добавить изображение в настройках.

  1. Загрузка файлов

Эта настройка позволяет получать вложения от посетителей сайта, например изображения.

Максимальный размер файла, разрешенный для входящей загрузки через онлайн-чат, составляет 20 МБ.

  1. Данные пользователя

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

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

Пример первого сообщения со сбором данных.

После настройки формы вы можете выбрать параметры отображения страны с помощью выпадающего поля.

  1. Запрос обратного звонка

Флажок «Запрос обратного звонка» появляется в настройках онлайн-чата, если в проекте включена телефония.

Как это работает

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

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

  • Статус: На смене
  • Любая роль, включая Администратора
  • Для сотрудника включена (настроена) телефония

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

  1. Запрос согласия на обработку персональных данных

Эта опция отключена по умолчанию. При включении при первом запуске онлайн-чата появится сообщение «Я даю согласие на обработку персональных данных» вместе с кнопкой «Подтвердить».

Пример первого сообщения для получения согласия на обработку персональных данных:

  1. Настройки кнопки запуска

Нажатие кнопки «Добавить кнопку» открывает форму для создания кнопки запуска:

Кнопка может иметь одну из следующих функций:

  • Ссылка. Позволяет добавить URL-адрес для перехода на другую страницу вашего сайта или внешний веб-ресурс.
  • Email. Клиент будет перенаправлен в свою почтовую службу для отправки сообщения на адрес электронной почты, указанный в настройках кнопки.
  • Телефон. Запускается приложение для звонков, или пользователю предлагается выбрать приложение для совершения звонка — в зависимости от используемого устройства. Звонок осуществляется на номер, указанный в настройках кнопки.
  • Сообщение (от администратора / пользователя) — эта функция позволяет боту отправлять быстрые ответы при нажатии кнопки.

Например, вы можете создать кнопку с названием «Адрес» и в поле «Сообщение» указать точный адрес и часы работы офиса.

Текст в поле «Сообщение» будет без переносов строк. Пожалуйста, учитывайте это при работе.

  • Разделять клиентов с разных доменов. Эта настройка позволяет разделять разговоры, если один и тот же человек пишет в онлайн-чат, размещенный на разных доменах. По умолчанию это считается одним и тем же разговором.

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

  • Кнопки в тексте будут отображаться в истории онлайн-чата (переключатель). Включите эту опцию, чтобы показывать кнопки из текста конструктора воронок в истории онлайн-чата клиента.
  1. Скрыть онлайн-чат

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

Автоматические действия

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

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

Подробнее об условиях:

  1. Текущее время. Установите автоматический запуск онлайн-чата в зависимости от временного периода, когда клиент взаимодействует с чатом (например, в часы пик после 16:00 посетитель вашей целевой страницы может получить скидку).
  2. Выполнять это действие только один раз в день для пользователя. Это условие может применяться в различных случаях: например, для отправки партнерских или других ссылок в сообщениях от администратора/пользователя (например, доступ к новым материалам курса); для системы лояльности или накопления; и так далее.
  3. Город пользователя / Страна пользователя. Установив это условие, вы можете настроить таргетинг на определенную группу пользователей, которым будет полезен ваш сервис — например, когда для покупки товара или услуги требуется физическое присутствие клиента.

В этом случае вы можете установить условие «равно» или «не равно». Например, если вам нужно указать город или страну (или список стран), для которых автоматическое действие не должно срабатывать, выберите «не равно».

  1. День недели.
    Это условие служит триггером для автоматических действий в зависимости от дня недели. Вы можете установить флажки рядом с днями недели, задать условие «равно» или «не равно» и выбрать автоматическое действие, которое должен выполнить онлайн-чат.

Например, вы можете установить все рабочие дни ваших операторов/менеджеров, чтобы обеспечить их дальнейший контакт с клиентами.

  1. URL-адрес текущей страницы. Автоматическое действие сработает в зависимости от того, содержит/не содержит или равен/не равен URL-адрес указанной ссылке.
  2. Сообщение пользователя. Чтобы запустить автоматическое действие по этому условию, поле должно содержать определенное слово от пользователя.

  1. Время на странице. Это условие похоже на время суток; однако, если ваша клиентская база разбросана по разным часовым поясам, вам нужно, чтобы это автоматическое действие происходило в одно и то же местное время для каждого часового пояса.
  2. Время с момента закрытия окна MaviBot. Это условие устанавливается аналогично времени суток или времени на странице, но зависит от действия пользователя по закрытию окна Mavibot.
  3. Время с момента первого сообщения посетителя. Автоматическое действие сработает через заданный период (в секундах) после первого сообщения клиента в онлайн-чате.
  4. Время без ответа оператора с момента первого сообщения пользователя. Это условие также задается в секундах и срабатывает независимо от того, ответил оператор клиенту или нет.

При необходимости условия можно комбинировать, что позволяет автоматическому действию срабатывать по нескольким критериям:

Затем выберите, какое действие онлайн-чат должен выполнять автоматически:

  1. Автоматическое открытие чата. Это действие автоматически открывает онлайн-чат для пользователя. Дополнительная настройка не требуется.
  2. Автоматическое приглашение в чат. Это автоматическое действие отправляет пользователю предопределенное сообщение, введенное в соответствующее поле. При необходимости вы также можете скрыть поле ввода сообщения с помощью одноименного флажка.
  3. Скрыть иконку онлайн-чата с сайта. Это действие можно использовать, например, после окончания рабочего дня ваших администраторов.
  4. Показать иконку онлайн-чата. Аналогично предыдущему действию, это позволяет отображать иконку чата для клиентов в течение определенного периода времени (или на основе других необходимых условий).
  5. Отправить сообщение как администратор. Это действие отправляет сообщение в онлайн-чате от имени администратора.
  6. Отправить форму. Это действие используется для сбора данных клиента. Вы можете настроить текст формы, выбрать необходимые поля ввода (такие как имя, номер телефона, адрес электронной почты, флажок или любое другое поле ввода, которое вы настраиваете вручную).

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

Баннеры

Вы можете добавлять кликабельные баннеры в окно запуска чата на вкладке «Баннеры». Перейдем к настройкам.

  1. Нажмите «Добавить баннер».

  1. Загрузите изображение.

Размер изображения фиксирован.

Рекомендуемый формат изображения: если вы добавляете заголовок и подзаголовок, используйте размер баннера 345x194 пикселя или соотношение сторон 16:9.

Чтобы сделать баннер кликабельным (чтобы клиент мог перейти по ссылке при нажатии на него), введите URL-адрес в соответствующее поле.

Затем укажите заголовок и подзаголовок баннера, если необходимо.

Введите заголовок и подзаголовок, затем нажмите «Сохранить».

После этого баннер появится в виджете онлайн-чата.

Чтобы отключить баннер (перестать показывать его в онлайн-чате), переведите переключатель в неактивное положение.

Чтобы отредактировать или удалить баннер, нажмите Редактировать.

Оценка качества

В онлайн-чате есть дополнительный раздел настроек под названием «Контроль качества». Чтобы включить эту функцию, перейдите на соответствующую вкладку в настройках.

Функционал предлагает выбор из трех шкал оценки качества: пятибалльной, трехбалльной и двухбалльной.

Введите текст, который будет отображаться перед оценкой, в соответствующее поле.

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

Вы также можете указать собственное название для поля отзыва клиента.

Для этого просто введите свой текст для названия поля, а также текст-заполнитель внутри поля отзыва. По умолчанию (см. пример выше) назначение и текст каждого поля уже заданы для вашего удобства.

Вы также можете включить флажок, чтобы сделать комментарий клиента обязательным.

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

Флажок «Пользователь может оценить чат»

В разделе «Клиенты» оператор может завершить диалог во время разговора с пользователем. Если этот флажок установлен, пользователь сможет поставить оценку.

Оператор не видит оценку, которую клиент поставил за разговор.
Все оценки качества будут доступны в разделе «Аналитика».

Оператор может нажать кнопку «Завершить разговор» во время беседы с пользователем. При этом откроется форма подтверждения действия оператора:

Если в каналах подключена почтовая служба, появятся опции отправки сообщений по электронной почте.

После того как оператор завершит разговор, пользователю отправляется форма оценки качества, а сама оценка записывается в Аналитику.

Если клиент не оставил оценку, в статистике будет отображаться «Пользователь не оставил оценку».

Как добавить онлайн-чат на ваш сайт

Чтобы встроить онлайн-чат на ваш сайт, просто скопируйте скрипт из вкладки «Код» и вставьте его в HTML вашего сайта.

Скопируйте код онлайн-чата.

Затем перейдите в раздел «Сайты» и нажмите на плитку сайта, на который вы хотите поместить виджет онлайн-чата.

Затем перейдите к Редактированию сайта.

И перейдите в настройки сайта.

В разделе Цвета, шрифты и HTML вставьте скопированный код онлайн-чата в поле HTML-код head.

Вставьте этот код на каждую страницу вашего сайта, внутрь тега <head>.

Теперь онлайн-чат успешно подключен к вашему сайту.

Отправка формы для заполнения клиентами

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

Такая форма отправляется с помощью функции online_chat_send_form(), которая принимает следующие параметры:

  1. name;
  2. phone;
  3. privacy;
  4. callback (этот параметр работает только в том случае, если в проект интегрирована телефония);
  5. age;
  6. email_group_ID (если вы включите этот параметр с адресом электронной почты, будет создан клиентский email и привязан к пользователю чата);
  7. wa_group_ID (если вы включите этот параметр с номером телефона, будет создан контакт WhatsApp и привязан к пользователю чата).
  8. Если указана несуществующая группа, форма будет отправлена, но клиент не будет создан.

Важно

Все параметры вводятся в виде одной строки, разделенной запятыми.

Пример записи в Калькуляторе: online_chat_send_form("name,email,email_group_ID")

Уведомление, которое появится в чате после отправки формы

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

! online_chat_send_form(arguments, texts)

Принимает два обязательных аргумента.

arguments - строка параметров

texts - название формы

Например, в калькуляторе вы можете ввести это так: online_chat_send_form("name,phone", "Здравствуйте, пожалуйста, заполните форму.").

Пример ответа онлайн-чата.

Отправка сообщений в чат

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

if(window.ChatBotPro) { window.ChatBotPro.sendMessageFromUser("Сообщение") }

Например, когда пользователь нажимает кнопку, от его имени будет отправлено сообщение.

Изменение настроек подсказки

Вы можете настроить бота на реакцию на это сообщение.

Код вставляется в раздел HTML настроек сайта.