Open Source LiveChat для вашего сайта (бесплатный аналог сервисов типа JivoSite)


Администрирование операционных систем на базе Linux (Debian/Ubuntu и Centos/RedHat) Rocket Chat Server - бесплатный корпоративный мессенджер
chat crm email live livechat rocket rocket.chat сервер чат
 
 

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


(последние правки 3 недели, 5 дней)

Доброе утро и сегодня я продолжу рассказывать, о полезных и удобных сервисах которые можно создать с использованием Rocket.Chat. Сегодня мы будем делать систему аналогичную JivoSite, но на базе своей платформы, без использования коммерческих облачных сервисов и естественно без ограничений на количество операторов. Система конечно требует некоторой доработки под каждое внедрение, что свойственно любому OpenSource-проекту, но стоит отметить, что результат того стоит.

Главной причиной внедрения именно Rocket.Chat в качестве системы "Живой поддержки на сайте" (Live Chat Support) было, то что Rocket.Chat на платформе заказчика мы уже полноценно внедрили и полностью интегрировали его с инфраструктурой ActiveDirectory. Можно было бы использовать и тот-же JivoSite, он кстати не такой уж и дорогой, но это приведет к тому, что появляется дополнительное ПО которое требует поддержки и необходимо дополнительно заводить пользователей операторов во внешней системе.

Стоимость коммерческих рабочих мест для Jivo-сайт

Я не буду долго рассказывать о практике этого внедрения, скажу лишь что все прошло успешно и все остались довольны. Дополнительно была настроена интеграция с SuiteCRM и все диалоги в LiveChatSupport автоматически или создавали нового лида или создавали заметку к существующему. Сегодня как я уже говорил, я продемонстрирую как создать Live Chat Support в Rocket.Chat и немного изменить его внешний вид.

Настройка Live.Chat производится из WEB-интерфейса администратора Rocket.Chat, так как только ему доступен раздел "Администрирование".

Переходим в режим администрирование Rocket.Chat

В разделе "Настройки" выберите подраздел "Livechat".

Включаем LiveChat в Rocket.Chat

Естественно, что его необходимо включить так как он по умолчанию выключен. После включения поддержки Rocket.Chat кажется, что ничего не произошло, но на самом деле вам теперь в том же меню где мы видели раздел администрирование доступен еще и раздел LiveChat.

Режим LiveChat активирован

И еще вы видите выше раздела каналы переключатель Livechat, переключая который вы активируете режим оператора или отключаетесь от режима технической поддержки. На данный момент этот переключатель доступен только администратору системы, так как мы не настроили менеджеров и т.п.

Но менеджеров мы настроим чуть позже, а сейчас нам необходимо получить HTML-код который мы разместим на нашем сайте и для этого в разделе управления Livechat выберите пункт "Установка".

Установка LiveChat Rocket.Chat на ваш web-сайт

После того как вы добавите указанный блок кода на все страницы вашего web-сайта (я надеюсь, что у вас есть центральный шаблон) на сайте появится типовой "Онлайн помощник".

Установленный на сайт LiveChat от Rocket.Chat

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

Сейчас нет доступных операторов, оставьте сообщение.

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

  • Заголовок
  • Офлайн сообщение
  • Заголовок при отсутствии подключения
  • Заголовок при отсутствии подключения
  • Адрес Email для отправки сообщения в режиме офлайн

Кастомизация внешнего вида LiveChat

Теперь у нас офлайн форма выглядит достаточно неплохо и дополнительно мы настроили отправку запросов с офлайн-формы на электронную почту.

Настройка отправки сообщений на электронную почту

С OFF-Line работой мы разобрались и пора переходить к Online режиму, ради которого все и затевалось! Для активации Online-режима вам необходимо назначить менеджеров и представителей Livechat (в расширенном режиме можно еще отделы создать и дать возможность выбрать отдел с которым будет общаться пользователь), для добавления представителей и менеджеров перейдите в в раздел "Администрирование -> Live chat -> Управление пользователями", где вам и потребуется добавить менеджеров и представителей.

Назначение менеджеров и представителей LiveChat для Rocket.Chat

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

Тех-поддержка доступна online

На стороне сервера при активном операторе изменяется вид окна LiveChat и поведением по умолчанию является предварительный запрос имени пользователя и электронной почты для начала чата с оператором.

Начать живое общение на сайте

Как нам сказали маркетологи компании где мы проводили внедрение, "такое поведение только распугает всех потенциальных клиентов и эту форму необходимо убрать, так же смените красный цвет окна на зеленый". Не проблема, переходим в раздел "Администрирование -> Настройки -> Livechat" и изменяем параметр:

  • Показать предварительную регистрационную форму

Показать предварительную регистрационную форму

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

Чат запущен

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

Моя официальная страница на FaceBook
Мой микроблог в твиттер

RocketChat - Установка и настройка из репозитария (не docker)

RocketChat - Установка и настройка из репозитария (не docker)

Рано или поздно вам все равно придет в голову мысль о внутреннем корпоративном мессенджере полностью вам подконтрольном и настраиваемом. Я перепробовал много различных мессенджеров и в конце концов пришел к мнению, что Rocket.Chat подходит на эту роль лучше других. В типовом решении описанном на сайте Rocket.Chat вам просто предложат использовать подготовленный Docker-контейнер, но я честно говоря недолюбливаю докеры и мне ближе полностью подконтрольные мне контейнеры LXD.


Отправка оповещений Django-приложения в приватный чат Rocket.Chat

Отправка оповещений Django-приложения в приватный чат Rocket.Chat

Вчера я подумал, что если я все же вернулся к использованию Rocket.Chat и он меня уже не так бесит как предыдущие версии, то можно настроить систему оповещений о событиях на сайте и сбоях в работе Django-приложения в приватный чат Rocket.Chat. Для Python быстро нашелся вполне работоспособный модуль который идеально подошел для отправки сообщений в приватные чаты.


Тестирование GIT-версии Rocket.Chat (Обновление Rocket.Chat)

Тестирование GIT-версии Rocket.Chat (Обновление Rocket.Chat)

Я активно использую в своей работе Rocket.Chat и честно говоря меня все устраивает, но недавно мне преподнесли небольшой сюрприз объявив мобильную версию для Android устаревшей фактически принудительно ее обновив, точнее они навязчиво рекомендовали обновиться при каждом запуске приложения и однажды я все же случайно нажал на обновление и в общем зря я это сделал ...


Настройка Nginx-Front для работы с Rocket.Chat

Настройка Nginx-Front для работы с Rocket.Chat

В прошлой статье я рассказывал, что у меня после очередного обновления сломался клиент Rocket.Chat для Android и я думал, что это связано с устаревшей версией серверной части, но как оказалось на самом деле это было связано с некорректной конфигурацией Nginx.


Использование Rocket.Chat для создания чата оперативных оповещений

Использование Rocket.Chat для создания чата оперативных оповещений

В предыдущей статье, под названием использование Rocket.Chat для создания чата оперативных оповещений я рассматривал простейший пример того как можно отправить сообщение в приватный чат Rocket.Chat. На самом деле в своих проектах я использую несколько модифицированную версию этого решения, более адаптированную к продакшн-решениям. Сегодня я как раз и хотел бы поговорить о том как я модифицировал рассмотренное ранее API для реализации так называемого оперативного чата.


Настройка отправки оповещений Zabbix в чат Rocket.Chat

Настройка отправки оповещений Zabbix в чат Rocket.Chat

В своей статье, - использование Rocket.Chat для создания чата оперативных оповещений, я не описал как именно можно при помощи моей утилиты для работы с Rocket.Chat, отправить Zabbix-оповещение. Я так понимаю, что тема заинтересовала несколько человек и придется немного заострить на этом внимание.


Перенос Rocket.Chat на другой сервер (резервное копирование и восстановление)

Перенос Rocket.Chat на другой сервер (резервное копирование и восстановление)

Сегодня я расскажу как можно осуществлять резервное копирование Rocket.Chat. Но как говорится, мало настроить резервное копирование, надо в дальнейшем еще и восстановиться с созданной резервной копии, поэтому помимо создания резервной копии Rocket.Chat рассмотрим еще и ее восстановление на новом сервере.


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


Есть вопросы?
Спрашивайте и я обязательно вам отвечу!

* Поля обязательные для заполнения .