База знаний Upservice

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Используя ползунки, выберите необходимый цвет:

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

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

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

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

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

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

Этот скрипт необходимо вставить перед закрывающим тегом в исходный код на тех страницах, где вы хотите видеть онлайн чат:

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