Как сделать онлайн чат на WordPress

27.11.2012 | Уроки

Когда мы впервые столкнулись с этой технологией несколько лет назад, мы были весьма впечатлены. Онлайн чат — это определенный способ увеличения продаж и укрепления доверия между продавцом и покупателями.

Как пример, онлайн чат с технической поддержкой хостера могут сэкономить ваше драгоценное рабочее время. Без него вы бы потратили уйму времени на изъяснение проблемы в письме, и ожидание ответа от службы поддержки.

Наша история

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

Мы решили поэкспериментировать, и настроили онлайн чат. Несмотря на то, что мы не можем быть круглосуточно онлайн, в первые 24 часа удалось пообщаться с тремя пользователями. Да, рабочий день получился немного дольше, но мы были рады, что решили проблемы пользователей. За неделю онлайн чатом воспользовались ещё 10 посетителей блога. (Очень не плохо!)

Чем полезен онлайн чат

Онлайн чат не приведет вам сразу новых посетителей, но его использование поможет увеличить доверие к вашему ресурсу через пользователей, которые его испробовали. Они могут снова вернуться на сайт, или перейти на станицу в Facebook.

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

Такую же функцию онлайн чата можно настроить и для сайтов на WordPress.

Используя наш метод, вы не будете открывать свой email, или добавлять пользователей в список контактов, и все же сможете общаться с ними.

Вариант 1: Сервис онлайн-консультантов

Основной объем статьи про установку простого чата от Google, это вы увидите ниже, но сначала мы поделимся ссылкой на сервис онлайн консультантов, дело в том что если нужно сделать чат красивым и функциональным то вам скорее нужен такой сервис, чем то о чем речь ниже. Однако эти сервисы, не полностью бесплатные, у них также существуют платные расширенные версии.

  • JivoSite

Перейти на официальны сайт — jivosite.ru

Видео по установке такого чата:

Вариант 2: Как установить онлайн чат? Без плагина

Если вам нужен практичный и просто чат,  вам подойдет этот вариант. Функция онлайн чата доступна без плагина. Для этого нам понадобится Google Talk API. Он бесплатный для личного использования. Всё, что нам нужно, это Google аккаунт или аккаунт в Google Apps.

Статус Online или Offline будет определяться в зависимости от того, вошли вы в Google Talk или нет. Чтобы создать Google аккаунт, достаточно создать себе почтовый ящик Gmail.

Начнём.

Шаг 1. Перейдите на сайт для создания виджета.

Или перейдите на эту страницу, если у вас есть аккаунт Google Apps. (замените DOMAIN на доменное имя вашего сайта)

Шаг 2. Нажмите “Изменить” для настройки виджета. Здесь вы можете поменять оформление, задать ваше имя. Если ваша тема не поддерживает тег iframe, выберите стиль без фрейма.

Шаг 3. При переходе на вышеупомянутую страницу, Google всегда создает новый виджет, поэтому, в случае чего, не возникнет никаких проблем создать его снова. Скопируйте сгенерированный код. (мы скрыли его часть в целях безопасности)

Шаг 4. Перейдите в панель настроек виджетов в WordPress. Создайте новый текстовый виджет в сайдбаре, и вставьте код. Нажмите “Сохранить”.

Шаг 5. Обновите сайт и вы увидите виджет Google Talk в сайдбаре. Код также можно использовать в постах, на страницах, письмах рассылки.


Что дальше?

Если пользователь кликнет на виджет, то и ему, и нам (администраторам) откроется всплывающее окно. Чтобы начать чат просто нажмите на ссылку, и откроется окно чата. Этот метод примечательный тем, что каждый новый чат открывается в отдельном окне. Это очень удобно при нескольких разговорах.

Как это выглядит?

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

Кликаете на ссылку и вам открывается следующее окно.

И, наконец, окно чата.

Вариант 3:  WordPress-плагин для чата

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

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

Ниже приведен список различных плагинов или других решений для добавления функции онлайн-чата на ваш WordPress-сайт. Для некоторых из них понадобится ваш email-адрес, или авторизация на сайте для определения статуса Online или Offline.

Google Talk Widget

Особенности:

  • Возможность использования несколькими администраторами (когда один уходит в оффлайн, будет использоваться другая учетная запись).
  • Клиент Google Talk настроен под виджет.
  • AJAX-проверка статуса — посетителям не нужно обновлять страницу, чтобы узнать на сайте вы или нет.
  • Настраиваемые значки статусов Online и Offline.
  • Настройка перенаправлений. если вы Offline (например, на форму обратной связи).
  • Доступны теги шаблонов и шорткоды.
  • Кэширование статуса Online при больших объемах трафика.

Несколько слов напоследок

Существует много платных способов установки онлайн чата. Но стоит ли платить, если есть такое разнообразие бесплатных вариантов. Преимущество решений от Google в том, что нет необходимости авторизации на сторонних ресурсах или даже в блоге, чтобы общаться с посетителями. Потому что вы и так обычно онлайн при использовании GTalk.

Вам была полезна эта статья?
Не пропустите!

Хотите первым получать свежие и полезные уроки по работе с WordPress?

Комментарии (2)
  1. Спасибо большое, добавлю в закладки))

  2. Онлайн консультант и вправду полезный на сайте. Мы долго отвечали на письма, но после того как обратильсь к специалисту установили AZILUS https://azilus.ru. Были удивлены на сколько много времени у нас появилось и как быстро можно отвечать на интересующие посетителей вопросы.

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