Не секрет, что общение с пользователями Вашего сайта, может дать большой успех и продвижение проекта. Зачастую бывает очень важно знать мнение пользователей о том или ином сервисе, проекте, сайте. То что пишут в комментариях или в формах обратной связи бывает недостаточно, поэтому существует немалое количество сервисов, которые могут предоставить Вам возможность получать отзывы, предложения, пожелания, высказывать свои идеи и т.д. Единственный минус данных сервисов что при бесплатном использовании у них достаточно скудный функционал.
Поискав в рунете я наткнулся на очень полезный и многофункциональный виджет, который привлек меня во первых всем нужным функционалом, а во вторых необычной реализацией.
Под необычной реализацией я понимаю то что виджет разработан полностью на JavaScript и при этом работает с БД.
Виджет состоит из двух частей:
- обратная связь — отображается на Вашем сайте
- панель администрирования
Пользоваться виджетом можно совершенно бесплатно, и как плюс можно отметить то что исходный код админ панели и самого виджета предоставляется под opensource лицензией LGPL3.
Основные особенности:
- виджет собирает идеи, предложения от пользователей и комментарии к ним
- голосования, сортировка, вся работа с предложениями, идеями ведется в пределах одного сайта, что не может предоставит какой то сервис в интернете (за частую пользователь пересылается на страницу сервиса)
- можно выставлять статус предложения, из нескольких существующих по умолчанию – новое, на рассмотрении, в разработке, завершено
- любой анонимный пользователь может оставить свой отзыв или предложение, при этом ему не придется нигде регистрироваться
- имеется достаточно простая в использовании админ панель, в которой только нужный функционал для управления предложениями
- вид виджета достаточно легко настроить под себя, изменить можно любые элементы отображаемые виджетом
- очень мало весит, и очень быстро работает, в основном это AJAX, html и css, javascript
- виджет многоязычный, и можно без особых усилий сделать свою локализацию
- с виджетом можно легко работать, после всех настроек в админ панели, нужно вставить небольшой код на страницу где будет отображаться ссылка на форму обратной связи и все остальное
- вся информация хранится в базе данных на сервере виджета
Теперь перейдем к использованию это виджета у себя на сайте.
Начало работы
Есть два варианта использования, первым является использование путем скачивания нескольких файлов с сайта виджета, вторым является использование всего функционала на сервере виджета.
Для того чтобы пользоваться виджетом на своем сайте или на локальной машине, достаточно загрузить архив со всеми файлами по этому адресу – http://code.hivext.ru/applications/feedback/feedback_1_0_3.zip, после чего распаковать в директорию на сайте или на локальной машине. Чтобы начать работу с виджетом вам нужно запустить файл index.html, но предварительно пройти регистрацию на странице виджета.
Регистрация
В правом верхнем углу страницы по адресу http://code.hivext.ru/applications/feedback/, Вы увидите ссылку для регистрации, ниже на рисунке ссылку отчетливо видно.
После того как Вы нажали на ссылку то Вы должны увидеть следующее:
В вышеприведенной форме нужно заполнить все данные, все поля подписаны по этому думаю что все там понятно. После этого нужно нажать на кнопку Зарегистрироваться. После этого Вам на почтовый ящик, который Вы указали придет ссылка для активации аккаунта, по ней соответственно нужно перейти. Там Вам будет показано некоторое сообщение.
Теперь нужно опять вернуться на страницу виджета — http://code.hivext.ru/applications/feedback/. Здесь уже в правом верхнем углу нужно ввести данные ранее зарегистрированного пользователя (Электронную почту и пароль), и нажать кнопку Войти.
Работа с панелью администрирования виджета
Создание нового клиента
После входа в в админ панель, вы по попадете на страницу, скриншот которой я привел ниже.
Здесь в разделе Создать клиент нужно ввести название нового сайта и нажать кнопку Создать клиент, после чего вы увидите ниже список того что в данный момент выполняется для Вашего клиента, ничего делать ненужно просто ждите. Если все прошло успешно Вы увидите следующий текст:
> Конфигурация окружения для клиента NewSite
—————————————-
> Первичная генерация идентификатора: OK
> Подготовка базы данных: OK
> Настройка прав доступа: OK
> Сохранение информации о клиенте: OK
—————————————-
> Клиент создан успешно :)
После этого Вы попадете на страницу настройки виджета.
Настройка виджета
Первым полем для заполнения является Заголовок виджета — эта надпись собственно будет отображаться в заголовке открытого виджета у Вас на сайте. После изменения заголовка нужно нажать на кнопку Применить что бы сохранить изменения.
Второй настройкой является Адрес сайта — здесь нужно ввести или несколько сайтов(это на тот случай если у Вас под домены от основного но используется один виджет на всех сайтах), или если один сайт здесь нужно вести http://yourdomain.ua, но обратите внимание что здесь http://yourdomain.ua и http://www.yourdomain.ua разные адреса, поэтому для одного сайта нужно вводить и то и другое. Чтобы сохранить изменения нужно нажать на кнопку Применить.
В поле Режим модерации — можно указать будут ли идеи(предложения) выводиться сразу или в режиме модерации, что означает если пользователь отправит идею(предложение) то отобразится эта надпись только после Вашего разрешения. Здесь доступно два варианта — Отключить режим модерации, Включить режим модерации.
Здесь собственно практически все настройки заканчиваются, в подразделе Код вставки — код который нужно вставить на страницу своего сайта после закрывающего тега </BODY>, здесь же в тексте есть ссылка на предварительный просмотр.
Есть еще такой подраздел Настройка внешнего вида виджета, здесь требуются знания html и css, если Вы такими знаниями владеете то сможете настроить внешний вид виджета по своему усмотрению. Здесь есть Шаблон виджета, Шаблон предложений, Шаблон комментариев, Стили. Чтобы начать редактирование внешнего вида то нужно снять галочку Только чтение. После всех изменений внешнего вида нужно нажать на кнопку Сохранить и применить.
Есть подраздел Удаление клиента — здесь Вы можете удалить созданный клиент.
Последним является подраздел который никак не называется и содержит информацию о идеях(предложениях) для данного клиента.
Настройка аккаунта
Здесь можно сменить пароль, для чего нужно ввести Старый пароль, Новый пароль, и Подтверждение нового пароля.
Конечно можно ограничиться и этим виджетом обратной связи на сайте, ну лучше еще сделать живое общение, например с помощью Чата с пользователями на сайте через Google Talk, который позволяет без особых навыков в создании сайтов, создать на своем сайте удобную возможность онлайн общения с Вами, при этом нужно иметь только аккаунт Google.
Ссылки
- http://code.hivext.ru/applications/feedback/ – страница виджета
- http://forum.hivext.ru/laboratorija/vidzhet-formy-obratnoj-svjazi/ – Форум на котором ведется обсуждение виджета
- http://code.hivext.ru/applications/feedback/preview_1_0_5.html?client=4b18ffdb532b118c767208b79c793275:511003&lang=ru – Демонстрация работы виджета
- http://code.hivext.ru/applications/feedback/feedback_1_0_3.zip — архив с виджетом
- http://code.hivext.ru/applications/feedback/feedback.zip — Все исходники виджета и админки
На этом пожалуй все что я хотел Вам рассказать, удачного Вам использования прекрасного на мой взгляд виджета!