Поддержка онлайн (online)

ГлавнаяJava скрипты → Поддержка онлайн

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

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

Как сделать на сайте - Поддержка онлайн

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

В загруженном архиве (ссылки ниже) вы найдёте 4 файла (mibew164.zip, mibew164_ru.zip, MibewTray11.msi и .NET Framework 3.5.txt) где:

  • mibew164.zip - скрипт "Поддержка Online";
  • mibew164_ru.zip - языковый пакет (русский язык);
  • MibewTray11.msi - программа для приёма уведомлений сообщений от "Поддержка Online" и перехода в Чат без необходимости постоянного нахождения на сайте;
  • .NET Framework 3.5.txt - для тех, у кого на компьютере не установлен .NET Framework. Внутри документа ссылка на скачивание данного пакета Windows.

Сначала создадим у себя на сервере в главной директории (где главная страница) новую папку с названием - webim. Затем в эту созданную папку необходимо закачать из нашего online.zip архива - mibew164.zip. Далее мы здесь же на сервере распакуем (разархивируем) наш закачанный архив, и в результате чего у нас в папке webim образуются 7 папок и 16 файлов.

Скачать скрипт Поддержка онлайн (online)

База данных для - Поддержка Online

Заходим у себя на сервере в CPanel и нажимаем на вкладку Базы данных MySQL. На открывшейся странице переходим к созданию новой базы данных - придумываем ей любое имя (латинскими буквами) и нажимаем на "Создать базу данных".

Здесь же добавляем пользователя (так же латинскими буквами), придумываем пароль и нажимаем на Создать пользователя.
И последнее - "Предоставляем доступ пользователя к базе данных", где указываем на нашу созданную новую базу и пользователя. И после нажатия на "Отправить" - выставляем все привилегии (галочки) и сохраняем.

Для удобства - скопируйте имя пользователя, имя базы данных и пароль, они нам потом пригодятся.

Наши дальнейшие действия:

Папка webimПапка libsconfig.php.

Открываем config.php для редактирования и сделаем там некоторые изменения.

Изменения в config.php


/* MySQL Database parameters */
$mysqlhost = "localhost";
$mysqldb = "webim_db";      //изменяем на имя вашей базы данных
$mysqllogin = "webim_lite";  //изменяем на ваше имя пользователя
$mysqlpass = "123";         //изменяем на ваш пароль
$mysqlprefix = "";

/* Mailbox */
$webim_mailbox = "webim@yourdomain.com"; //изменяем на ваш e-mail
$mail_encoding = "utf-8";

/* Locales */
$home_locale = "en";     //изменить на "ru"
$default_locale = "en";  //изменить на "ru"

После всех изменений НЕ ЗАБУДЬТЕ сохранить документ!

Теперь переходим к инсталляции нашего скрипта. В адресной строке браузера напишите вот этот адрес:
http://ваш_сайт/webim/install/
и перейдите по этому адресу, нажав ввод. На открывшейся странице нажмите на "Next step", а точнее на ссылку - "Create required tables"

На этой странице мы можем уже войти в админ панель, НО не спешите. Внизу страницы у нас выделенный красным цветом текст - Обязательно удалите папку "install", что мы сейчас в первую очередь и сделаем. После того, как эту папку удалили, переходим на страницу для входа в админ панель. В правой её части проставляем Логин: admin, Пароль - оставляем пустым и нажимаем на Войти.

Перед тем, как будем рассматривать Админ панель, зайдите:

⇒ Папка webim ⇒ Папка locales.

В этой папке находятся языковые пакеты и нам нужно будет загрузить сюда из нашего архива "online.zip" - архив mibew164_ru.zip, и так же его здесь распаковать (разархивировать).

И последние действия перед настройкой админ панели: открываем опять Папка webim и на: Папку images и Папка avatar (она находится в папке "images") - выставляем Права 777. Это необходимо сделать для правильной работы с фотографиями.
Всё, скрипт "Поддержка Online" у нас установлен полностью!

Настройки в Админ панели для - Поддержка Online

После того, как вы распаковали последний архив, - переходим в админ панель. Если она у вас уже открыта, то обновите страницу (F5) и всё написанное станет на русском языке.

ПРАВЫЙ БЛОКУПРАВЛЕНИЕПРОФИЛЬвкладка ОБЩИЕ

  • Логин и пароль - заполняем эти поля для последующего входа в "Админ панель"
  • Адрес электронной почты - для восстановления пароля и уведомлений

ПРАВЫЙ БЛОКУПРАВЛЕНИЕНАСТРОЙКИвкладка ОБЩИЕ

Первые 8-мь граф изменяете под свои значения, кроме: "Ссылка на внешний geolocation сервис" и "Опции для окна с геоинформацией" - они остаются без изменений

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

ПРАВЫЙ БЛОКУПРАВЛЕНИЕПРОФИЛЬвкладка РАСШИРЕНИЯ

  • Включить функцию "Группы" - при включении данной функции у вас в УПРАВЛЕНИЕ добавляется новая вкладка "Группы", где вы можете для удобства создать неограниченное количество групп (по финансовым вопросам, техническая помощь, общие вопросы и т.д.). Это применяется в основном для довольно крупных проектов.
  • Включить "Опрос перед началом диалога" - это на ваше усмотрение, при включении данного параметра и прилегающих к нему функций, посетителю необходимо будет ввести своё имя и e-mail, и у него будет возможность сразу задать вопрос.

ПРАВЫЙ БЛОКУПРАВЛЕНИЕКОД КНОПКИ

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

НА ЭТОМ ВСЁ! НАШ СКРИПТ УСТАНОВЛЕН, НАСТРОЕН И ГОТОВ К РАБОТЕ!

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

Поделись ссылкой с друзьями:

Комментарии к статье

Вадим 01-12-2013


спасибо отличный сайт. автору респект.

Соня 12-12-2013

Первый раз вижу такую подробную инструкцию
спасибо.