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