Как подключить онлайн-чат Upservice к вашему сайту | База знаний Upservice

Как подключить онлайн-чат Upservice к вашему сайту

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

В этой статье мы рассмотрим как подключить чат для сайта.


Создание онлайн-чата для сайта Upservice

Перейдите в раздел «Контакты», перейдите на вкладку «Настройки каналов» и нажмите на кнопку «Подключить канал»:Перейдите в раздел «Контакты», перейдите на вкладку «Настройки каналов» и нажмите на кнопку «Подключить канал»


Выберите тип канала «Чат на сайте»:Выберите тип канала «Чат на сайте»


На следующем этапе заполните обязательные поля.

Название канала — название, которое отражает назначение чата. Например, «Чат на странице каталога» или «Чат поддержки». Это название доступно только коллегам, клиенты его не увидят: Название канала — название, которое отражает назначение чата. Например, «Чат на странице каталога» или «Чат поддержки». Это название доступно только коллегам, клиенты его не увидят


Администратор канала — пользователь, который будет выполнять функции администратора:Администратор канала — пользователь, который будет выполнять функции администратора


Операторы канала — работники компании, которые будут общаться с пользователями вашего сайта:Операторы канала — работники компании, которые будут общаться с пользователями вашего сайта


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


Заголовок чата  — название, которое будет отображаться в шапке чата:


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


Выберите цвет чата. Для этого нажмите на поле «Цвет чата»: Выберите цвет чата. Для этого нажмите на поле «Цвет чата»


Используя ползунки, выберите необходимый цвет. Для выбора оттенка передвигайте ползунок и выбирайте нужный цвет из палитры вверху. Если вы знаете номер цвета в формате HEX, введите его в поле ниже. Используя ползунки, выберите необходимый цвет. Для выбора оттенка передвигайте ползунок и выбирайте нужный цвет из палитры вверху. Если вы знаете номер цвета в формате HEX, введите его в поле ниже


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


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


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

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


Подключение онлайн-чата для сайта Upservice

После заполнения всех полей в форме создания чата вы получите код. Скопируйте его.

Этот скрипт необходимо вставить внутри тега <head> в исходный код на тех страницах, на которых вы хотите видеть онлайн чат:

После заполнения всех полей в форме создания чата вы получите код. Скопируйте его


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