Онлайн-чат на сайте
Установив онлайн-чат на свой сайт, вы сможете собирать данные клиентов и автоматизировать общение с посетителями прямо на сайте.
Вы также можете подключить к чату свою команду продаж, чтобы менеджеры могли присоединяться к диалогам с клиентами. Общение может вестись либо через веб-интерфейс MaviBot, либо через наши мобильные приложения для Android и iOS.
Как создать сайт с Live Chat
Чтобы создать чат, перейдите в раздел «Мессенджеры» и нажмите кнопку «Live chat».
После нажатия на кнопку «Онлайн-чат» автоматически откроется панель настроек только что созданного чата.
Внешний вид чата будет зависеть от выбранных настроек. Справа вы увидите живой предпросмотр виджета чата, который можно открывать и закрывать, чтобы проверить, как он выглядит и работает.
Настройки
Оформление
Заголовок чата
Это поле задаёт название онлайн-чата — оно будет отображаться в самом верху окна чата.
Подзаголовок чата
Это поле находится под заголовком чата и позволяет уточнить роль или назначение онлайн-чата на вашем сайте.
Заданная подпись виджета
Подпись на кнопке виджета отображается, когда онлайн-чат свернут. По умолчанию показывается текст из полей заголовка и подзаголовка, но при необходимости вы можете задать другую подпись.
Приветственное сообщение чата
Это поле содержит текст приветственного сообщения бота
Выравнивание текста
С помощью панели выравнивания текста вы можете выровнять заголовок и подзаголовок чата по левому краю, по правому краю или по центру — как в стандартных текстовых редакторах.
Кнопка чата
Эта кнопка предназначена для открытия онлайн-чата при нажатии.
Вы можете выбрать, как кнопка онлайн-чата будет отображаться на разных устройствах: на десктопной версии сайта
Доступно несколько вариантов отображения. Вы можете расположить кнопку как справа, так и слева.
Цветовая палитра
Чтобы настроить онлайн-чат по своему вкусу, вы можете не только изменить цвет, но и добавить интересные узоры на фон и в шапку чата.
Вы также можете выбрать цвет и яркость узоров, а также других элементов онлайн-чата. Для этого включите флажок «Расширенные настройки».
Вы также можете настроить дополнительные расширенные цветовые параметры онлайн-чата.
Аватар онлайн-чата
Эта опция позволяет изменить аватар помощника в онлайн-чате. Аватар можно добавить либо по URL, либо загрузив файл.
При необходимости вы также можете скрыть аватар чата, включив этот флажок.
Логотип MaviBot
Настройки позволяют отображать логотип MaviBot.
Настройки
Текст внутри поля ввода
По умолчанию в этом поле указан текст: «Введите сообщение и нажмите Enter».
Вы можете изменить этот текст или оставить значение по умолчанию.
Надпись в мобильной версии
По умолчанию текст установлен как: «Выберите предпочитаемый способ связи».
Сообщение при назначении оператора клиенту
Если вы укажете в этом поле #{operatorName}, будет отображаться имя оператора, указанное в разделе «Сотрудники».
Назначить оператора можно вручную, нажав кнопку «Взять клиента» или «Передать клиента» во время диалога с клиентом. Также можно настроить автоматическое распределение клиентов между операторами в разделе «Сотрудники».
Сообщение при офлайн-операторах
По умолчанию будет отображаться следующее сообщение: «Сейчас нет операторов онлайн. Оставьте нам сообщение, и мы свяжемся с вами как можно скорее.»
Статус «Онлайн» для бота берётся из раздела «Сотрудники». Возможные статусы: Онлайн, Перерыв и Оффлайн.
Вы также можете изменить свой статус в верхней панели в любом разделе проекта
Звуковые уведомления в онлайн-чате
Эти настройки позволяют включать или отключать звуковые оповещения об открытии чата и новых сообщениях в онлайн-чате для посетителей сайта.
Показывать мессенджер
Вы можете выбрать, какие мессенджеры будут отображаться на сайте при наведении на виджет онлайн-чата (иконку).
Кнопки мессенджеров появятся только после того, как эти мессенджеры будут подключены к конструктору.
Показывать только мессенджеры
Если включить этот переключатель, на сайте будут отображаться только кнопки мессенджеров. Все остальные функции онлайн-чата будут отключены!
Текст мессенджера
По умолчанию установлено: «Написать в».
Стартовое сообщение WhatsApp
Этот текст появится в поле ввода у пользователя в WhatsApp, когда он нажмёт кнопку на вашем сайте. Пользователю останется только нажать «Отправить».
Обязательно также включите этот текст в условия стартового блока вашей последовательности сообщений.
Пользовательские ссылки
Кроме кнопок мессенджеров, теперь можно добавлять собственные кнопки с пользовательскими ссылками.
В настройках вы можете указать URL ссылки и добавить изображение.
Загрузка файлов
Эта настройка позволяет получать вложения от посетителей сайта, например изображения.
Максимальный размер файла для входящих загрузок через онлайн-чат — 20 МБ.
Данные пользователя
В первом сообщении вы можете получить согласие на обработку персональных данных и/или собрать информацию о пользователе через форму сбора данных. Также можно задать или изменить адрес электронной почты через окно приветствия.
Заполнение формы может быть необязательным или обязательным при включении "Сделать заполнение формы обязательным" переключателя.
Пример первого сообщения со сбором данных.
После настройки формы вы можете выбрать параметры отображения страны с помощью выпадающего поля.
Запрос обратного звонка
Флажок «Запрос обратного звонка» появляется в настройках онлайн-чата, если в проекте включена телефония.
Как это работает
При заполнении формы пользователь может поставить галочку для запроса обратного звонка. В этом случае автоматически выбирается один из сотрудников, у которого включена телефония, и клиенту совершается звонок.
Сотрудник назначается автоматически. При выборе сотрудника проверяются следующие условия:
Статус: На смене
Любая роль, включая администратора
Для сотрудника включена (настроена) телефония
После звонка этот сотрудник будет назначен ответственным за пользователя.
Запрос согласия на обработку персональных данных
По умолчанию эта опция отключена. При включении появится сообщение «Я даю согласие на обработку персональных данных» и кнопка "Подтвердить" появятся при первом запуске онлайн-чата.
Пример первого сообщения для получения согласия на обработку персональных данных:
Настройки кнопки запуска
Нажатие на "Добавить кнопку" открывает форму создания кнопки запуска:
Кнопка может выполнять одну из следующих функций:
Ссылка. Позволяет добавить URL для перехода на другую страницу вашего сайта или внешний веб-ресурс.
Электронная почта. Клиент будет перенаправлен в свою почтовую службу, чтобы отправить сообщение на адрес электронной почты, указанный в настройках кнопки.
Телефон. Запускается приложение для звонка, либо пользователю предлагается выбрать приложение для совершения звонка — в зависимости от используемого устройства. Звонок будет совершен на номер, указанный в настройках кнопки.
Сообщение (от администратора / пользователя) — эта функция позволяет боту отправлять быстрые ответы при нажатии на кнопку.
Например, вы можете создать кнопку с названием «Адрес», а в поле «Сообщение» указать точный адрес и часы работы.
Текст в поле «Сообщение» будет без переносов строк. Пожалуйста, учитывайте это при работе.
Разделять клиентов из разных доменов. Эта настройка позволяет разделять диалоги, если один и тот же человек пишет в онлайн-чат, размещённый на разных доменах. По умолчанию это считается одним и тем же диалогом.
Этот переключатель нужен, если на разных сайтах внутри одного домена установлены разные онлайн-чаты и вам нужно разделять диалоги, когда пишет один и тот же человек.
Кнопки в тексте будут отображаться в истории онлайн-чата (переключатель). Включите эту опцию, чтобы показывать кнопки из текста конструктора воронки в истории онлайн-чата клиента.
Скрыть онлайн-чат
Нет необходимости удалять онлайн-чат с сайта. Вы можете просто скрыть его с помощью соответствующего переключателя.
Автоматические действия
Автоматические действия работают следующим образом: чтобы автоматическое действие сработало, для него необходимо задать конкретное условие-триггер.
Сначала задайте условия, при которых должно выполняться пользовательское действие. Вы можете добавить условия по времени суток, стране посетителя, городу, URL текущей страницы и так далее.
Подробнее об условиях:
Текущее время. Настройте автоматический запуск онлайн-чата в зависимости от периода времени, когда клиент взаимодействует с чатом (например, в «счастливые часы» после 16:00 посетитель вашей посадочной страницы может получить скидку).
Выполнять это действие только один раз в день для пользователя. Это условие можно применять в разных случаях: например, чтобы отправлять партнерские или другие ссылки в сообщениях от администратора/пользователя (например, доступ к новым материалам курса); для системы лояльности или накопительной системы; и так далее.
Город пользователя / Страна пользователя. Задав это условие, вы можете нацелиться на определённую группу пользователей, которым будет полезна ваша услуга — например, когда для покупки товара или услуги требуется физическое присутствие клиента.
В этом случае вы можете задать условие как равно или не равно. Например, если нужно указать город или страну (или список стран), для которых автоматическое действие не должно срабатывать, выберите «не равно».
День недели. Это условие служит триггером для автоматических действий в зависимости от дня недели. Вы можете выбрать флажки рядом с днями недели, задать условие равно или не равно и выбрать автоматическое действие, которое будет выполняться онлайн-чатом.
Например, можно указать все рабочие дни ваших операторов/менеджеров, чтобы затем обеспечить их дальнейшую связь с клиентами.
URL текущей страницы. Автоматическое действие сработает в зависимости от того, содержит/не содержит ли URL или равен/не равен указанной ссылке.
Сообщение пользователя. Чтобы автоматическое действие сработало при этом условии, поле должно содержать определённое слово от пользователя.
Время на странице. Это условие похоже на время суток; однако если база клиентов распределена по разным часовым поясам, вам нужно, чтобы это автоматическое действие срабатывало в одно и то же локальное время для каждого часового пояса.
Время с момента закрытия окна MAviBot. Это условие задаётся аналогично времени суток или времени на странице, но зависит от действия пользователя по закрытию окна Salebot.
Время с момента первого сообщения посетителя. Автоматическое действие сработает через указанный период (в секундах) после первого сообщения клиента в онлайн-чате.
Время без ответа оператора с момента первого сообщения пользователя. Это условие тоже задаётся в секундах и срабатывает независимо от того, ответил ли оператор клиенту или нет.
При необходимости условия можно объединять, чтобы автоматическое действие срабатывало по нескольким критериям:
Далее выберите, какое действие онлайн-чат должен выполнять автоматически:
Автоматическое открытие чата. Это действие автоматически открывает онлайн-чат для пользователя. Дополнительная настройка не требуется.
Автоматическое приглашение в чат. Это автоматическое действие отправляет пользователю заранее заданное сообщение, введённое в соответствующем поле. При необходимости вы также можете скрыть поле ввода сообщения с помощью одноимённого флажка.
Скрыть значок онлайн-чата на сайте. Это действие можно использовать, например, после окончания рабочего времени ваших администраторов.
Показать значок онлайн-чата. Как и предыдущее действие, оно позволяет отображать значок чата для клиентов в определённый период времени (или при выполнении других необходимых условий).
Отправить сообщение от имени администратора. Это действие отправляет сообщение в онлайн-чате от имени администратора.
Отправить форму. Это действие используется для сбора данных клиента. Вы можете настроить текст формы, выбрать необходимые поля ввода (например, имя, номер телефона, электронную почту, чекбокс или любое другое поле ввода, которое вы настроите вручную).
Вы можете настроить пользовательское поле ввода. Например, чтобы собрать город проживания клиента или любую другую нужную информацию.
Баннеры
Во вкладке «Баннеры» вы можете добавить кликабельные баннеры в стартовое окно чата. Перейдём к настройкам.
Нажмите на "Добавить баннер".
Загрузите изображение.
Размер изображения фиксирован.
Рекомендуемый формат изображения: если вы добавляете заголовок и подзаголовок, используйте размер баннера 345x194 пикселей или соотношение сторон 16:9.
Чтобы баннер был кликабельным (и клиент мог перейти по ссылке, нажав на него), укажите URL в соответствующем поле.
Затем, при необходимости, укажите заголовок и подзаголовок баннера.
Введите заголовок и подзаголовок, затем нажмите "Сохранить".
После этого баннер появится в виджете онлайн-чата.
Чтобы отключить баннер (перестать показывать его в онлайн-чате), переведите переключатель в неактивное положение.
Чтобы отредактировать или удалить баннер, нажмите Редактировать.
Оценка качества
В онлайн-чате есть дополнительный раздел настроек под названием «Контроль качества». Чтобы включить эту функцию, перейдите на соответствующую вкладку в настройках.
Функциональность предлагает выбор из трёх шкал оценки качества: пятибалльной, трёхбалльной и двухбалльной.
Введите текст, который будет отображаться перед оценкой, в соответствующем поле.
В этом поле нет значения по умолчанию. Если оставить его пустым, на баннере оценки качества появится следующий текст.
Вы также можете указать собственное название для поля обратной связи клиента.
Для этого просто введите свой текст для названия поля, а также текст-подсказку внутри поля обратной связи. По умолчанию (см. пример выше) назначение и текст каждого поля уже заданы для вашего удобства.
Вы также можете включить флажок, чтобы сделать комментарий клиента в отзыве обязательным.
Далее вы можете заполнить текст сообщения с отзывом, которое будет отправлено клиенту после положительной или отрицательной оценки. Чтобы посмотреть, как выглядит итоговое сообщение онлайн-чата после отправки оценки, нажмите в чате кнопку отправки оценки.
Флажок «Пользователь может оценить чат»
В разделе «Клиенты» оператор может завершить диалог во время общения с пользователем. Если этот флажок включён, пользователь сможет оставить оценку.
Оператор не видит оценку, которую клиент поставил диалогу. Все оценки качества будут доступны в разделе «Аналитика».
Оператор может нажать кнопку «Завершить диалог» во время общения с пользователем. После этого откроется форма подтверждения действия оператора:
Если в каналах подключена почтовая служба, появятся варианты отправки сообщений по электронной почте.
После завершения диалога оператором пользователю отправляется форма оценки качества, а сама оценка фиксируется в аналитике.
Если клиент не оставит оценку, в статистике будет указано «Пользователь не оставил оценку».
Как добавить онлайн-чат на ваш сайт
Чтобы встроить онлайн-чат на сайт, просто скопируйте скрипт из вкладки Code и вставьте его в HTML вашего сайта.
Скопируйте код онлайн-чата.
Затем перейдите в "Сайты" раздел и нажмите на плитку сайта, на котором вы хотите разместить виджет онлайн-чата.
Затем перейдите в Редактирование сайта.
И перейдите в настройки сайта.
В Цвета, шрифты и HTML разделе вставьте скопированный код онлайн-чата в поле HTML-кода head .
Вставьте этот код на каждую страницу вашего сайта внутри тега <head> .
Теперь онлайн-чат успешно подключён к вашему сайту.
Отправка формы для заполнения клиентом
В онлайн-чате также есть функция, позволяющая отправлять клиентам форму для сбора информации о пользователе и добавления его в систему для дальнейшего взаимодействия.
Такая форма отправляется с помощью online_chat_send_form() функции, которая принимает следующие параметры:
name;
phone;
privacy;
callback (этот параметр работает только если телефония интегрирована в проект);
age;
email_group_ID (если вы укажете этот параметр вместе с электронной почтой, будет создан email-клиент и привязан к пользователю чата);
wa_group_ID (если вы укажете этот параметр вместе с номером телефона, будет создан контакт WhatsApp и привязан к пользователю чата).
Если указан несуществующий группа, форма будет отправлена, но клиент не будет создан.
Важно
Все параметры вводятся одной строкой через запятую.
Пример записи в калькуляторе: 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("Message") }
Например, когда пользователь нажимает кнопку, от его имени будет отправлено сообщение.
Настройки подсказки
Вы можете настроить бота на реакцию на это сообщение.
Код вставляется в HTML-раздел настроек сайта.
Последнее обновление