Як налаштувати "онлайн - консультант" на сайті

Чимала частина сайтів, розміщених в мережі Інтернет - це представництва компаній. У власників таких ресурсів часто виникає необхідність забезпечити можливість онлайн - спілкування з відвідувачами. Існують готові рішення, і сьогодні ми розглянемо одне з них. Livezilla - програмний продукт, що дозволяє організувати на вашому сайті сервіс, який прийнято називати «Онлайн - консультант».

Почну з невеликого передмови, де розповім, як працює Livezilla. Процес інсталяції програми складається з двох етапів. Перший - це установка на комп`ютер користувача, другий - настройка Livezilla на сервері, де розташований сайт.

По завершенні цього дійства, ми отримуємо наступне:

На комп`ютері користувача встановлена програма - клієнт, за допомогою якої він веде спілкування з відвідувачами сайту. Кожен раз, коли цей самий відвідувач натискає на сайті кнопку «Відправити повідомлення», на комп`ютері власника сайту лунає звуковий сигнал, настирливо вимагає відповісти на запит.

На сервері, де розташований сайт, встановлюється каталог зі скриптами Livezilla. Саме вони виводять вікно чату, дозволяють підключатися програмі - клієнтові і отримувати повідомлення.

Відео: Онлайн-консультант для сайту: секрети настройки для збільшення кількості лидов

Ті, хто знайомий з такими програмами, як ICQ, Skype і їм подібними, будуть приємно здивовані: спілкування за допомогою Livezilla, нічим не складніше чату за допомогою знаменитої «аськи».

На превеликий жаль шанувальників Лінукс систем, дистрибутив Livezilla створений виключно під Windows і підтримується робота практично з усіма версіями цієї популярної операційної системи: Windows 2000, XP, 2003 Server, Vista або Windows 7

Вимоги до сервера наступні: IIS або Apache c підтримкою PHP 5, а також MySQL п`ятої версії. Справа в тому, що в процесі установки для подальшої роботи програми, нам знадобиться база даних. Я б порадив би для цих цілей створити окрему базу. Якщо є можливість, то з унікальним користувачем і паролем.

Щоб у мене була можливість створювати скріншоти для цієї статті, я створив тестовий сайт livezilla.sitogon.ru. Видаляти його я не став, тому результат нижчеописаних дій можна споглядати на цьому ресурсі під керуванням Joomla

Оскільки розробники регулярно вдосконалюють програму, я не став викладати дистрибутив на Ячайнік, а пропоную відвідати офіційний сайт програми і завантажити її безпосередньо у виробника.

Досить перейти за посиланням:

https://livezilla.net/downloads/en/

Далі натискаємо на посилання « Download LiveZilla Full Version », Після чого зберігаємо дистрибутив на жорсткий диск свого комп`ютера.

На малюнку видно, що остання, на момент написання статті, версія програми - 3.3.2.2, саме про неї і піде в подальшому мова.

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

Перше вікно не несе ніякого смислового навантаження, тому просто натискаємо кнопку «NEXT» і переходимо до наступного етапу, де нам пропонується ознайомитися з ліцензійною угодою і прийняти його цілком і повністю.

Для цього встановлюємо прапорець навпроти тексту «I accept the terms of the License Agreement», після чого бачимо, що кнопка «Next» в нижній частині екрана стала активною.

Це хороший привід, щоб натиснути на неї і перейти до наступного кроку інсталяції.

Нове вікно - це свого роду резюме, де виводиться інформація про те, скільки потрібно місця для установки, яким вільним дисковим простором ви володієте в даний момент, а також скільки місця на вашому диску залишиться після того, як Livezilla буде встановлена.

Крім описаної функції, в даному вікні дозволяється змінити каталог, де розміститься встановлена програма.

Ми нічого міняти не будемо, а просто натиснемо кнопку «Next», причому зробимо це два рази, оскільки таке вікно нас попросить зібратися з духом, приготуватися до внесення даних в операційну систему і повторити натискання на «Next» ще раз.

Заключне вікно пропонує натиснути на кнопку «Finish», однак перш ніж це робити, простежте, щоб у вас був встановлений прапорець навпроти «Run LiveZilla».

При першому запуску програми відобразиться невелике віконце, де англійською мовою буде повідомлятися, що конфігурація Livezilla буде зберігатися в каталозі, що зазначений в текстовому рядку. Якщо вас це не влаштовує, то вкажіть свою папку. Для цього достатньо натиснути на кнопку «Change».

Мене все влаштовувало, тому я просто натиснув на кнопку «ОК» і продовжив знайомство з програмою.

Ми плавно перейшли від установки до безпосередньої налаштування Livezilla, а починається вона з вікна авторизації, де від нас вимагають логін і пароль, ніж вводять в закономірний подив.

Справа в тому, що це логін і пароль для доступу до тієї частини програми, що повинна зберігатися на сервері, де знаходиться сайт. Але оскільки ми ще нічого не закачували на сервер і, тим більше, не встановлювали ніяких авторизаційних даних, саме час це зробити.

Для початку натиснемо на кнопку «Edit Servers», в нижній частині вікна:

У новому вікні натиснемо кнопку «Server Admin»

І в наступному вікні встановлюємо верхній перемикач в положення «Create new LiveZilla Server» і натискаємо кнопку «Next»

Відкриється вікно, де ми повинні будемо ввести дані, які згодом будуть потрібні для авторизації в LiveZilla. Не гарячкуй призначення текстових полів:

Username (ID) - це ім`я користувача (або логін). Прошу поставитися відповідально до заповнення даного поля, оскільки воно вводиться разом з паролем при відкритті програми.

Name - сюди рекомендую ввести ваше справжнє ім`я. Воно буде відображатися при спілкуванні з відвідувачем сайту.

E-mail - адреса вашого реально діючого електронного ящика.

Password- пароль для входу в LiveZilla.

Repeat password - повторюємо ще раз пароль, щоб упевнитися, що ми його пам`ятаємо, знаємо і ніколи не забудемо.

Після того, як всі поля заповнені, натискаємо кнопку «Next» і переходимо до наступного етапу, де нам пропонується створити групу. Виникає законне питання: навіщо потрібні групи?

Livezilla дозволяє працювати в режимі «онлайн - консультант» не тільки одній людині, але кільком користувачам одночасно. Це актуально для великих компаній, де доводиться відповідати і спілкуватися з великою кількістю відвідувачів. Численних користувачів програми доводиться якось упорядковувати, розподіляючи різні права. Хтось може тільки спілкуватися з відвідувачами, а є такі, що можуть вносити серйозні зміни в налаштування програми і навіть створювати нових користувачів всередині її.

Кращим способом щодо впорядкування користувачів є групи. Першу, необхідну і найголовнішу групу ми зараз з вами створимо.

поле «Group-ID» заповнюється латинськими літерами і служить ідентифікатором групи. Тобто, робить так, щоб програма могла відрізняти групи один від одного.

поле «Title» перекладається, як «Тема». Його можна заповнити звичної нами кирилицею. Дане поле необхідно, перш за все, для користувачів програми, тобто для нас самих. За заголовком ми будемо відрізняти групи, згадувати їх призначення.

Group-Email - загальна пошта групи.

Якщо всі поля заповнені, натискаємо «Next» і переходимо в наступне вікно.

Відео: CoMagic: Налаштування сервісу Онлайн-консультант

Ми повільно підбираємося до завантаження скриптів Livezilla на наш сервер, бо наступне вікно запропонує вибрати варіанти завантаження скриптів:

Варіант "Extract LixeZilla Server file to local system»Годиться, якщо ви вирішили протестувати« Онлайн - консультанта »на локальному сервері.

Оскільки ми ставимо LiveZilla відразу на реальний сайт, вибираємо «FTPUpload»- завантаження по ФТП, після чого звично натискаємо кнопку« Next »

У наступному вікні від нас вимагатимуть ввести дані для доступу по фтп

User - ім`я користувача

Password - пароль

Host / IP - адреса для доступу по ФТП

Folder - каталог, куди буде закачано скрипти LiveZilla

Ось на ньому я хотів би і загострити увагу. За замовчуванням цей параметр виглядає, як «/ Livezilla /», це буде правильним, якщо після того, як ви зайшли по FTP, потрапляєте в кореневу директорію сайту. Однак далеко не завжди так відбувається.

Нерідко відвідування сервера по ФТП відправляє на в каталог, який знаходиться трохи вище, ніж файли сайту. І якщо параметр «Folder» залишити як є, то папка «livezilla», буде створена там, де вона, буде недоступна через браузер користувача.

Тому я рекомендую скористатися кнопкою «Select» і вручну вибрати каталог для установки Livezilla.

Натискання на кнопку «Select», відкриє невеличке віконце з файловим менеджером. Перейдемо в кореневу директорію нашого сайту. Далі створимо новий каталог і назвемо його «livezilla». Для цього натиснемо в лівому нижньому кутку невелику кнопочку з піктограмою знака плюс.

Вводимо назву папки з клавіатури і після завершення цієї операції натискаємо клавішу «Enter». Тепер необхідно знайти свіжостворений каталог у списку, виділити його мишкою і натиснути кнопку «ОК»

Нас відправить в попереднє вікно, де слід натиснути на кнопку «Start». Закачування файлів «LiveZilla» успішно розпочалася. Швидкість її цілком і повністю буде залежати від вашого Інтернет-з`єднання

Наступне вікно я б назвав, як рекомендаційний. Тут показані каталоги, які створені після закачування файлів на сервер, а також вказані права, які рекомендується проставити на зазначені папки.

Змінити права можна за допомогою фтп менеджера, наприклад Total Commander. Про те, як це зробити ми писали в статті «Як налаштувати FTP? Робота з ФТП клієнтами»

Після того, як права змінені на необхідні, натискаємо кнопку «Next» і потрапляємо в ще одне дуже важливе віконце:

поле «Server ProfileName»Заповнюємо в довільній формі. Дозволено використовувати російські букви. Якщо плануєте використовувати LiveZilla на декількох сайтах, то буде корисно назвати кожен з серверів таким чином, щоб їх можна було відрізнити один від одного.

Особливу увагу хочу звернути на поле «LiveZillaServerURL». Це прямий адресу до каталогу, де розмістилися скрипти програми. Тому простежте, щоб після «HTTP: //» відразу йшло доменне ім`я вашого сайту. В іншому випадку при натисканні на кнопку «TestURLinBrowser»(Протестувати адресу в браузері), ви отримаєте повідомлення про те, що така сторінка не існує.

Наступне, що ми зобов`язані зробити - це протестувати роботу LiveZilla на сервері. Для цього в цьому ж вікні натискаємо кнопку «ServerTest»

У відкритому невеликому віконці натискаємо кнопку «Test»

Нас попросять ввести логін і пароль, які ми створювали на початковому етапі налаштування програми.

Якщо ви все зробили правильно, то з`явиться вікно, де зрозумілою англійською мовою буде розказано, що тест пройшов успішно:

Натискаємо кнопку «ОК», у вікні під назвою «Server Test» чекаємо на кнопочку «Close» і потрапляємо знову в «Майстер установки», де з чистою совістю натискаємо «Next»

У новому вікні ми повинні заповнити дані для доступу до бази даних. Я вже писав на початку статті, що бажано створити окрему базу з унікальним користувачем і паролем. Необхідно заповнити наступні поля:

Host - нерідко це параметр звучить, як «Localhost», уточнити це можна у вашого хостинг - провайдера

User - користувач бази даних

Password - пароль користувача бази даних

Database Name - Ім`я бази даних

Відео: JivoSite безкоштовний онлайн консультант на вашому сайті

Prefix - префікс, може бути створений в довільній формі

Після того, як дані введені, натискаємо кнопку «Create Tables». Якщо логін, пароль, ім`я бази введені правильно, то ви побачите наступне повідомлення:

Для очищення совісті рекомендую також натиснути кнопку «Validate database» (перевірити базу даних). Якщо все вірно, то з`явиться прапорець навпроти напису «Configuration validated»

Це дозволяє нам зробити натискання на кнопку «Next» і перейти до заключного вікна установки програми, де знімемо прапорець навпроти напису «OpenServerPagewhenclosingthisdialog»

Настав час повісити кнопку нашого «Онлайн - Консультанта» на сайт, зробити її видимою для відвідувача.

Натискання на цю кнопку, відкриє вікно чату, де відвідувач отримає можливість поспілкуватися з вами в «прямому ефірі». Вішати наш «онлайн - консультант» ми будемо на сайт під управлінням системи управління контентом Joomla. Але запевняю вас: суть нижчевикладених дій годиться і для інших CMS.

На попередньому етапі, після натискання кнопки «Finish», у нас залишилося всього одне відкрите вікно під назвою «LiveZilla Server Admin». Воно то нам і потрібно!

На цей раз нас цікавить перемикач під назвою «Link generator / Script generator». Виставляємо його в положення «включено» і натискаємо до болю знайому кнопку «Next»

У наступному вікні нас попросять вибрати зі списку сервер. Ми в ході в процесі вивчення цієї статті встигли створити тільки один єдиний, тому досить натиснути любиться кнопку «Next» і перейти до наступного вікна.

Від нас в черговий раз зажадають логін і пароль для доступу до сервера. Нічого не залишається, як приречено ввести дані для аутенфікаціі. Щоб наступного разу не заповнювати повторно ці поля, рекомендую встановити прапорець навпроти «Save Authentication»

Чергове натискання на «Next» відправило нарешті таки нас в головне вікно зі створення коду нашої майбутньої кнопки.

Розглянути всі можливості і функції даного вікна в рамках статті не представляється можливим, тому я постараюся схопити саму суть.

В першу чергу нам потрібно вирішити - як буде виглядати кнопка. Пропонується три основні варіанти. Я виділив їх на малюнку червоним квадратиком:

GraphicChatButton - звичайна кнопка, фоном для якої служить зображення. Приклад такої кнопки можна подивитися на сайті «Отіс-Строй»

Roating Button - так звана плаваюча кнопка. Як правило, вона розташовується праворуч або ліворуч від основного вмісту сайту. Її особливістю є те, що вона постійно видно відвідувачеві сайту, тобто при прокручуванні вікна, кнопка настирливо тримається на екрані.

Textlink- звичайнісінька текстове посилання

Спробуємо отримати код плаваючою кнопки і вставити її на наш сайт. Я заздалегідь підготував два зображення. Одне з них буде відображатися, коли власник сайту, що називається «онлайн» - сидить у власного комп`ютера і нетерпляче чекає повідомлення з сайту. Друге зображення буде з`являтися в тому випадку, коли власник сайту не в мережі. Або, кажучи російською мовою: «OFFLINE»

Переходимо безпосередньо до практичної частини. У лівому верхньому кутку натискаємо на вкладку «Roating Button», Після чого в центрі вікна знаходимо розділ« Icons »і під ним кнопку« Change ». Натискаємо на неї.

Відкриється нове вікно, де ми побачимо зображення, які використовуються в даний момент. Наше завдання їх замінити на ті, що приготовлені і чекають своєї години на жорсткому диску комп`ютера. Тому натискаємо на кнопку «Add new Banner Set»

У новому вікні встановлюємо перемикач в положення «From file», потім послідовно навпроти напису «Online» і «Offline» натискаємо кнопку «Select» і вибираємо відповідні файли з зображеннями з жорсткого диска.

Далі натискаємо кнопку «ОК» і в наступному вікні цієї ж кнопкою підтверджуємо наше рішення змінити картинку кнопки.

Повертаємося у вікно «Link Generator». Настав час визначитися з розташуванням нашої кнопки на сайті. Для цього в правому верхньому куті розташований інтуїтивно зрозумілий блок кнопок під єдиним заголовком «Position».

Пропоную розмістити кнопочку «Онлайн - Консультанта» в лівому верхньому кутку. На малюнку наочно показано, на що саме я натиснув, щоб здійснити задумане.

В общем-то, код для вставки на сайт готовий. Залишилося натиснути в нижній частині вікна на кнопку «Copy to Clipboard», після чого код буде скопійований в буфер обміну.

Сайт, куди ми будемо вставляти наш код, доступний за адресою livezilla.sitogon.ru і побудований він на системі управління контентом Joomla версії 1.5

Заходимо в адміністративну панель, де переходимо «Розширення» - «Менеджер модулів». Далі в правому верхньому кутку натискаємо кнопку «Створити» і створюємо новий модуль, як «Довільний HTML код»

Модулю можна дати довільне ім`я, але ми виберемо те, яке характеризує якнайкраще його функцію - «Онлайн - Консультант». Обов`язково відключіть заголовок модуля. Він нам не потрібен. Включаємо публікацію модуля на сайті.

Відео: Як встановити RedHelper он-лайн чат і консультант для Інтернет-магазину

Тепер опустимо свій погляд вниз, у бік візуального редактора і перейдемо в режим редагування HTML коду. Вставляємо, скопійований раніше, код з Livezilla

Зберігаємо модуль. Заходимо на сайт і спостерігаємо нашу кнопку в лівому верхньому кутку. Натискання на неї відкриє вікно чату

Повернемося в LiveZilla і закриємо всі вікна програми. Далі натиснемо кнопку «Пуск» в Windows, потім «Усі програми» - «Livezilla» - «LiveZilla клієнт»

Після запуску програми відкриється вікно авторизації LiveZilla, воно нам вже знайоме, бо з нього починався наш довгий шлях установки і настройки програми. Різниця полягає в тому, що в списку, що випадає «Server» з`явився пунктик створеного раніше сервера.

У поля «Username» і «Password» вводимо відповідно логін і пароль, які ми вказували на початковому етапі налаштування LiveZilla

Далі натискаємо кнопку «Login» і авторізуемся. Після авторизації буде не зайвим вказати, що ви в даний момент «Онлайн» і готові відповідати на будь-які питання відвідувачів сайту.

Для цього у верхній лівій частині вікна програми, поряд зі своїм ім`ям, натискаємо на кнопку статусу і вибираємо варіант «Online»

Якщо вам відправлять повідомлення з сайту, то ви почуєте звуковий сигнал. Щоб відповісти натиснемо у верхній частині на кнопку, назва якої буде збігатися з ім`ям викликає людини. Далі, трохи нижче слід натиснути на «Accept Request».

А потім ..... Можна почати справжню бесіду в онлайн режимі, яка, як я писав вище, нічим не відрізняється від спілкування по ICQ.

Можливості LiveZilla просто вражають уяву. В рамках даної, вельми розтягнулася статті охопити всі фізично неможливо.

І все ж ми дізналися багато: як встановити LiveZilla, налаштували справжнісінький «Онлайн - Консультант» на сайті і навіть навчилися спілкуватися за допомогою цієї програми. Якщо кого то зацікавила дана тема, пишіть на форум, задавайте питання. Цілком ймовірно, що я продовжу опус, присвячений LiveZilla

З повагою, Гоша Комп`ютерний