Чат с администратором/пользователем сайта

Словарь

Чат с администратором/пользователем сайта – возможность обмениваться сообщениями в кабинете  между  администратором и пользователем сайта.

Назначение чата

Чат дает возможность переписываться администратору сайта с любым пользователем и наоборот посредством сервиса HyperComments. Данный чат будет индивидуальным и недоступным другим пользователем сайта.

Работа с чатом

Настройка чата на сайте включает в себя:

  • Регистрация в сервисе HyperComments;

  • Настройка виджета HyperComments на сайте.

Рассмотрим эти пункты подробнее:

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

Для регистрации в сервисе комментирования нам необходимо иметь свой аккаунт в google.

Если у Вас нет аккаунта, то рассмотрим его регистрацию:

Заходим на https://www.google.ru/ и нажимаем на кнопку «Войти» в правом верхнем углу сайта (Рисунок 1).

Переход на страницу авторизации или регистрации аккаунта google

Рисунок 1 - Переход на страницу авторизации или регистрации аккаунта google

Затем нас перебросит на страницу авторизации, там нам надо будет нажать на ссылку «Создать аккаунт» (Рисунок 2).

Авторизация или переход на страницу создания нового аккаунта

Рисунок 2 - Авторизация или переход на страницу создания нового аккаунта

На странице создания аккаунта нам необходимо заполнить форму регистрации, указать свою фамилия, имя, пол, телефон, запасную электронную почту и так далее (Рисунок 3). После заполнения вводим символы, указанные на изображении (чтобы доказать, что мы не искусственный пользователь), соглашаемся с пользовательским соглашением (предварительно его прочитав) и нажимаем кнопку «Далее».

Регистрация аккаунта google

Рисунок 3 - Регистрация аккаунта google

Если все было верно заполнено, то мы зарегистрируемся и автоматически авторизуемся в системе (Рисунок 4).

Результат успешной авторизации

Рисунок 4 - Результат успешной авторизации

Теперь перейдем непосредственно к регистрации в сервисе HyperComments.

Проходим на сайт http://hypercomments.com/ru и нажимаем на кнопку «Регистрация» (Рисунок 5).

Сайт HyperComments. Переход на страницу регистрации

Рисунок 5- Сайт HyperComments. Переход на страницу регистрации

Перед нами появится всплывающее окно. Если мы не авторизованы, то в нем появится форма для входа под аккаунтов Google. Так как мы уже зашли в свою учетную запись, то мы попадаем на шаг соглашения доступа сервиса HyperComments к почте google. Принимаем их (Рисунок 6).

Разрешение доступа сервиса к аккаунту google

Рисунок 6 — Разрешение доступа сервиса к аккаунту google

Затем нам надо будет указать информацию о сайте, на который мы хотим добавить наш сервис. Указываем адрес нашего сайта в виде http://site.ru/. В моем случае, я указываю адрес http://test2.clouditp.ru/ (Рисунок 7). И выбираем платформу для установки виджета (нам нужна платформа «HTML-код». Нажимаем «Далее».

Регистрация в сервисе HyperComments. Информация о сайте

Рисунок 7 - Регистрация в сервисе HyperComments. Информация о сайте

Теперь нам станет доступен код для добавления его на сайт, копируем его (Рисунок 8).

Код виджета для добавления на сайт

Рисунок 8 - Код виджета для добавления на сайт

Время перейти к этапу добавления виджета на сайт.

Настройка виджета HyperComments на сайте

Перейдем на сайт, который мы указали при регистрации в HyperComments. Зайдем в режим администрирования. Теперь перейдем в раздел сайта «Кабинет» (Рисунок 9).

Сайт в режиме администрирования. Переход в раздел сайта

Рисунок 9 - Сайт в режиме администрирования. Переход в раздел сайта «Кабинет»

В кабинете нам надо перейти по ссылке «Чат с администратором» (Рисунок 10).

Кабинет. Переход в пункт

Рисунок 10 - Кабинет. Переход в пункт «Чат с администратором»

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

Открываем одну из зон для редактирования (Рисунок 11).

Чат с администратором. Редактирование текстовой зоны для добавления виджета

Рисунок 11 - Чат с администратором. Редактирование текстовой зоны для добавления виджета

Добавляем туда код, обращаем внимание, что мы в зоне стояло значение «Выводится на всех страницах» (Рисунок 12). В противном случае, виджет не будет выводиться при вызове чата с определенным пользователем. Сохраняем текстовую зону и обновляем страницу.

 Получим виджет для общения администратора с пользователями. Для начала чата, администратор может выбрать нужного пользователя и нажать напротив его имени на кнопку «Начать чат» (Рисунок 12).

Виджет HyperComments для общения с пользователями добавился

Рисунок 12 - Виджет HyperComments для общения с пользователями добавился

На странице с чатом также будет присутствовать HyperComments, через который и можно общаться с пользователями (Рисунок 13).

Чат администратора с пользователем

Рисунок 13 - Чат администратора с пользователем

Он же, в свою очередь, в своем чате с администратором будет получать сообщения, и иметь возможность ответить на них. При ответе на сообщение пользователя попросят авторизоваться либо через аккаунты социальных сетей, либо написать сообщение анонимно (Рисунок 14).

Запрос авторизации пользователя при отправке комментария

Рисунок 14 - Запрос авторизации пользователя при отправке комментария

С помощью сервиса HyperComments можно обмениваться не только текстовой информацией, но и изображениями и видео файлами, если обратное не настроено непосредственно в самом сервисе на их сайте (Рисунок 15).

Общение пользователя с администратором

Рисунок 15 - Общение пользователя с администратором

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

Варианты использования чата

Используя чат с администратором можно:

  • Организовать индивидуальное интерактивное общение с пользователем: ответить на волнующие его вопросы, проконсультировать по какому-то волнующему вопросу и так далее;

  • С помощью чата можно посылать сообщения с медиа файлами ( фотографиями, видеороликами);

  • Авторизация в чате происходит либо через социальные сети, либо через сайт, либо сообщение может идти анонимно.

Вернуться к разделу