Siteheart. Подключение чата поддержки клиентов на сайте

Siteheart. Подключение чата поддержки клиентов на сайте

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

автор

Автор: Виктор Гавриленко

Меня зовут Виктор Гавриленко, по образованию я инженер электромеханик. Еще учась в институте, начал увлекаться компьютерными технологиями и программированием, на протяжении двух лет усиленно занимаюсь разработкой интернет сайтов и веб-программированием. Увлекаюсь написанием небольших скриптов на языке PHP, в связке базами данных MySQL, SQLite, неплохо знаю такие движки как WordPress, Drupal, Joomla.

скачать урок

Подключение чата

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

Если у Вас нет учетной записи на данном сайте — зарегистрируйтесь, так как только зарегистрированный пользователь может работать с чатом Siteheart. После регистрации и авторизации Вас перенаправят на главную страницу панели управления Вашей учетной записи:

Данная панель предназначена для настройки и управления чатом. Первым делом переходим на вкладку настройки:

Здесь в группе “Виджет” кликаем по пункту “Код”, где нам предоставляют код, который необходимо вставить между тегами body Вашего сайта. Что собственно я и сделаю на своем тестовом сайте. После вставки и обновления, на главной странице появится виджет чата SiteHeart:

То есть, введя свой вопрос, мы ожидаем подключения оператора к диалогу, в свою очередь в админке – оператор увидит данный диалог и может ответить на поставленный вопрос:

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

Обзор настроек

Чат Siteheart содержит множество различных настроек, которые позволяют настроить как функционал чата, так и его внешний вид. Поэтому переходим на вкладку настройки и рассмотрим группу параметров “Виджет”:

Код – содержит код, который нужно добавить на сайт для отображения виджета.

Настройки – основные настройки по работе чата Siteheart.

Дизайн – здесь мы можем выбрать одну из стандартных тем оформления виджета.

White Label – платная опция – позволяет заменить стандартный логотип чата Siteheart

Сообщения – настройки сообщений чата.

Создание форм

Формы достаточно интересная возможность чата Siteheart, используя формы можно получить дополнительную информацию от пользователя, которая может помочь в ответе на поставленный вопрос. К примеру, давайте создадим форму, которая будет появляться, перед началом диалога. Данная форма будет содержать всего два поля: имя пользователя и текст вопроса. Таким образом, подключившись к диалогу, оператор сразу увидит вопрос покупателя и его имя.

Для создания формы переходим в группу параметров “Предприятия”, затем кликаем по пункту “Формы”:

Далее, создаем новую форму, нажав на кнопку “Создать форму”:

На данной странице указываем название формы, электронный ящик для уведомлений, отмечаем чекбокс “Форма при входе в чат” и нажимаем кнопку “Создать поля”:

Здесь указываем название шага и описание, при этом шагов можно создать несколько. Далее для добавления полей, кликаем по ссылке “Добавить поле” и выбираем из доступных полей.

Для имени выбираем текстовое поле, для вопроса – многострочный текст. Затем нажимаем “Cохранить форму”. Теперь обновив страницу нашего сайта, откроем чат и посмотрим что изменилось:

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

Автоматические ответы на вопросы пользователей

Чат Siteheart поддерживает автоматические ответы на вопросы пользователей. Для активации данной возможности переходим на вкладку “Робот”, далее “Настройки” и активируем чекбокс “Активация робота”:

Затем переходим в “базу знаний” и создаем сценарий ответов робота. Сценарий – это набор определенных ключевых слов и ответов на вопросы, в которых встречаются данные слова. То есть в сценарии, задается поведение робота относительно встречаемых в тексте вопроса ключевых слов. Для создания сценария, необходимо кликнуть по кнопке “Добавить сценарий”:

Далее вводим ключевые слова вопроса, затем мы можем создать дополнительный уровень, кликнув по кнопке “Добавить уровень” либо указать ответ робота на вопрос, в котором будут встречаться введенные ключевые слова. Создав дополнительный уровень, под ключевыми словами, появится дополнительная кнопка, для ввода уточняющего вопроса. Данный вопрос необходим для уточнения и перехода робота на следующий уровень. Следующий уровень – это точно такой же набор ключевых слов, которые мы должны ввести, и конечно, ответов на них. К примеру, можно создать несколько уровней ключевых слов, то есть как бы несколько веток поведения робота:

Теперь давайте протестируем:

Как Вы видите, робот успешно отвечает на поставленные вопросы, в которых встречаются добавленные ключевые слова.

На этом данный урок завершен. Надеюсь, Вам понравился данный чат, и Вы будете применять его на своих сайтах. Всего Вам доброго и удачного кодирования!!!

Практика HTML5 и CSS3 с нуля до результата!

Получите бесплатный пошаговый видеокурс по основам адаптивной верстки с полного нуля на HTML5 и CSS3

Получить

Метки: ,

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (2)

  1. Людмила

    Отличный чат! Спасибо его разработчикам.
    Установила его давно, но так и не донастроила.
    Теперь наконец-то, благодаря Вашему описанию, Виктор, и особенно видео, я его сделала.
    Всё отлично! Спасибо!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree