Инструкция: "Как установить на сайт онлайн-консультант"
Инструкция: "Как установить на сайт онлайн-консультант" - uGuide.ru

Инструкция: "Как установить на сайт онлайн-консультант"

  • Обновлено:
    2020-02-25
  • Просмотры:
    401
  • Отзывы:
    0
Онлайн-консультант на сайте упрощает общение с посетителями, у которых возникают вопросы, но нет желания звонить по телефону. Большой плюс для вебмастеров — простота создания и добавления чата на страницы.

В качестве примера мы рассмотрим установку онлайн-чата от JivoSite. Установка других сервисов происходит аналогичным способом. Отличия в мелочах и числе доступных интеграций.

Регистрация на сервисе

Прежде чем вставлять форму онлайн-консультанта на сайт, необходимо создать профиль на JivoSite.

  1. Откройте сайт JivoSite и нажмите на кнопку «Зарегистрироваться».
  2. Укажите действующий адрес электронной почты и придумайте или сгенерируйте пароль.
  3. Добавьте имя администратора и адрес сайта, на который собираетесь установить чат. Укажите также номер телефона, который будет использоваться для оперативного решения возникающих вопросов.
  4. Подтвердите обработку персональных данных и завершите регистрацию.
  5. Скачайте приложение для десктопа или мобильного устройства, если в этом есть необходимость. Можно обойтись без него и пользоваться браузерной версией личного кабинета JivoSite.

На финальном этапе регистрации появится HTML-код, который нужно вставить на сайт для отображения на его страницах формы онлайн-консультанта. Можно скопировать его в буфер обмена или пропустить этот шаг.

JivoSite - Установка на сайт

После нажатия на кнопку «Начать работу» вы попадёте в личный кабинет JivoSite. Здесь настраиваются параметры работы чата, а также проходит общение с клиентами, которые написали через форму онлайн-консультанта.

JivoSite

 

Вставка кода HTML

При регистрации вы получили код, который вставляет форму на сайт. Работать с ним очень просто — вы копируете синтаксис в буфер обмена, а затем вставляете в шаблон страницы, на которой должен отображаться чат. Код чата доступен в личном кабинете в разделе «Управление» — «Каналы связи» — «Настройки» — «Установка».

В шаблоне страницы необходимо найти закрывающий тег ‹/body›. Искать его следует внизу, после основного контента страницы.

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

 

Установка онлайн-чата на конструкторы сайтов

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

uKit → Детальный обзор:

  1. В визуальном редакторе откройте вкладку «Конструктор».
  2. Выберите пункт «Контакты».
  3. Найдите в списке JivoSite и перетащите его на страницу.
  4. Нажмите на появившуюся панель онлайн-консультанта, чтобы открыть его настройки.
  5. Авторизуйтесь или создайте новый аккаунт.

Wix → Детальный обзор:

  1. В панели редактирования перейдите на вкладку «Приложения».
  2. Откройте категорию «Чат».
  3. Выберите в списке JivoChat Live Support.
  4. Нажмите «Добавить».
  5. После установки нажмите на виджет, чтобы открыть его параметры.
  6. Авторизуйтесь или создайте новый аккаунт.

Flexbe → Детальный обзор:

  1. Откройте меню «Настройки».
  2. Зайдите в «Виджеты».
  3. Выберите из перечня JivoSite.
  4. Вставьте полученный при регистрации код.

Nethouse → Детальный обзор:

  1. Откройте раздел «Приложения».
  2. Выберите JivoSite.
  3. Перейдите во вкладку «Подключение» и нажмите «Подключить».
  4. Введите логин, пароль, а также имя основного оператора.

LPgenerator → Детальный обзор:

  1. В личном кабинете LPgenerator откройте «Центр оптимизации и конверсии».
  2. В разделе «Интеграции» выберите JivoSite.
  3. Введите данные от имеющегося аккаунта или добавьте новые: почту, пароль, имя оператора и адрес лендинга.
  4. Нажмите «Добавить интеграцию».

Lpmotor → Детальный обзор:

  1. Откройте вкладку «Интеграции» в панели управления конструктора.
  2. Выберите в списке JivoSite.
  3. Включите интеграцию.
  4. Вставьте код, полученный при регистрации личного кабинета JivoSite.

InSales → Детальный обзор:

  1. Откройте центр приложений InSales.
  2. Найдите и установите JivoSite.
  3. Создайте новый аккаунт или подключитесь к существующей учётной записи.

Однако встречаются исключения. Например, на конструкторе A5 нет виджета или приложения, поэтому единственный рабочий вариант — вставка кода HTML.

  1. Перейдите на вкладку «Страницы».
  2. Выберите шаблон «Мастер-страница».
  3. Откройте каталог виджетов и перетащите на страницу виджет HTML-кода.
  4. В поле «Код» вставьте код онлайн-консультанта, который вы получили при регистрации на JivoSite.
  5. Сохраните изменения, нажав на кнопку «ОК».

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

 

Установка онлайн-консультанта на CMS

На CMS тоже доступна вставка консультанта через правку шаблона. Можно использовать редактор в панели администратора или открыть файл с помощью FTP-подключения к серверу. Принцип везде один и тот же — код вставляется в один из файлов шаблона перед закрывающим тегом ‹/body›. На некоторых CMS есть также расширения JivoSite. С их помощью добавить чат ещё проще.

В качестве примера рассмотрим популярные движки.

WordPress → Детальный обзор:

  1. Перейдите в раздел «Плагины» в панели управления.
  2. Нажмите «Добавить плагин».
  3. Найдите и установите расширение JivoSite.
  4. После установки активируйте плагин.
  5. Откройте настройки JivoSite, нажав на него в боковом меню.
  6. Укажите почту, пароль от личного кабинета и имя оператора, которое будет отображаться в чате.
  7. Нажмите «Установить онлайн-консультант JivoSite».

Если вы из одной панели управляете несколькими сайтами, то вариант с плагином не подойдёт. В таком случае можно добавить виджет в разделе «Внешний вид» и вставить в него код HTML или отредактировать файл footer.php.

Joomla → Детальный обзор:

  1. Скачайте модуль JivoSite, который подходит используемой версии Джумлы.
  2. В панели администратора Joomla откройте список «Расширения» и перейдите к установке.
  3. Загрузите предварительно скачанный архив JivoSite.
  4. Откройте «Менеджер модулей».
  5. Перейдите в настройки JivoSite.
  6. В поле «Widget ID» вставьте идентификатор чата. Его можно посмотреть в коде, полученном при регистрации на JivoSite. Вам нужен “widget_id =” с десятизначным ID.

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

Drupal → Детальный обзор:

  1. В панели администратора откройте «Структуру».
  2. Выберите «Схему блоков».
  3. Перейдите в «Библиотеку пользовательских блоков».
  4. Добавьте новый блок.
  5. В строке «Описание блока» напишите «JivoSite».
  6. В поле «Содержимое» добавьте HTML-код, полученный при регистрации на сервисе.
  7. Выберите режим «Полный HTML».
  8. Сохраните изменения для добавления чата.
  9. Вернитесь в «Схему блоков».
  10. Отыщите в перечне JivoSite и кликните «Расположить блок».
  11. Снова отыщите JivoSite и разместите блок.
  12. После его появления в области «Шапка» сохраните конфигурацию.

Можно также вставить чат через FTP, добавив фрагмент кода в файл html.tpl.php. Он находится в папке /modules/system. Код вставляется перед закрывающим тегом ‹/body›. В Drupal 6 код вставляется в page.tpl.php, который находится в папке активной темы.

OpenCart → Детальный обзор:

  1. Откройте вкладку «Модули/Расширения».
  2. Выберите тип «Аналитика» и добавьте модуль Google Analytics.
  3. После появления в перечне сайта нажмите на кнопку Edit.
  4. Добавьте код чата и установите статус «Включено», после чего сохраните настройки.

Можно также вставить чат через FTP-подключение, отредактировав файл Footer.tpl.

PrestaShop → Детальный обзор:

  1. Скачайте JivoSite для PrestaShop.
  2. В панели администратора откройте «Модули/Модули и сервисы».
  3. Нажмите «Загрузить модуль».
  4. Выберите скачанный файл модуля и загрузите его на сервер.
  5. Выберите JivoSite в списке доступных модулей и нажмите «Установить».
  6. Нажмите на кнопку Proceed with the installation.
  7. Подключите действующий аккаунт или создайте новый.
  8. Нажмите Update/Save, чтобы сохранить изменения.

При добавлении через FTP ищите файл footer.tpl, который находится внутри каталога с названием действующего шаблона в директории themes. Фрагмент кода вставляется перед закрывающим тегом ‹/body›. На некоторых шаблонах это не работает, поэтому приходится вставлять запись в файл header.tpl перед закрывающим тегом ‹/head›.

Shopify → Детальный обзор:

  1. Откройте AppStore Shopify.
  2. Найдите приложение JivoSite, нажмите Get, чтобы его установить.
  3. Авторизуйтесь или создайте новый аккаунт.
  4. Нажмите на кнопку Install App.
  5. Выберите канал для подключения — свой сайт.

Magento → Детальный обзор:

  1. В панели администратора откройте меню «Система» и выберите подменю «Конфигурация».
  2. Откройте «Дизайн» и перейдите в «Футер».
  3. В поле «Различный HTML» добавьте фрагмент кода, после чего сохраните конфигурацию.

Добавить запись можно также в файл в файл footer.phtml. Он хранится в папке /app/design/frontend/default/<Название вашей темы дизайна>/template/page/html.

Чтобы консультант заработал на сайте, откройте меню «Система» и перейдите в раздел «Управление кэшем». Нажмите «Выбрать все» и затем «Отправить».

ModX → Детальный обзор:

  1. В панели администратора перейдите на вкладку «Элементы».
  2. Нажмите на кнопку «Новый чанк».
  3. Укажите имя JivoSite.
  4. В строке «Код чанка» вставьте фрагмент кода, полученный при регистрации.
  5. На вкладке «Элементы» откройте раздел «Шаблоны».
  6. Выберите текущий шаблон для перехода в режим редактирования.
  7. Перед закрывающим тегом ‹/head› добавьте конструкцию [[$jivosite]].

Можно не создавать чанк, а вставить код онлайн-консультанта в файл шаблона перед закрывающим тегом ‹/body›. Если вы используете несколько шаблонов, то добавлять чат придётся в каждый из них.

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

  • Автор: Дмитрий Луценко

no avatar